mirror of
https://github.com/status-im/react-native.git
synced 2025-01-14 11:34:23 +00:00
8621d4b797
Summary: Issue [#2088](https://github.com/facebook/react-native/issues/2088). The basic desire is to have a declarative mechanism to transform text content to uppercase or lowercase or titlecase ("capitalized"). My test plan involves having added a test-case to the RNTester app within the `<Text>` component area. I then manually verified that the rendered content met my expectation. Here is the markup that exercises my enhancement: ``` <View> <Text style={{ textTransform: 'uppercase'}}> This text should be uppercased. </Text> <Text style={{ textTransform: 'lowercase'}}> This TEXT SHOULD be lowercased. </Text> <Text style={{ textTransform: 'capitalize'}}> This text should be CAPITALIZED. </Text> <Text style={{ textTransform: 'capitalize'}}> Mixed:{' '} <Text style={{ textTransform: 'uppercase'}}> uppercase{' '} </Text> <Text style={{ textTransform: 'lowercase'}}> LoWeRcAsE{' '} </Text> <Text style={{ textTransform: 'capitalize'}}> capitalize each word </Text> </Text> </View> ``` And here is a screenshot of the result: ![screen shot 2018-03-14 at 3 01 02 pm](https://user-images.githubusercontent.com/575821/37433772-7abe7fa0-279a-11e8-9ec9-fb3aa1952dad.png) [Website Documentation PR](https://github.com/facebook/react-native-website/pull/254) https://github.com/facebook/react-native-website/pull/254 [IOS] [ENHANCEMENT] [Text] - added textTransform style property enabling declarative casing transformations Closes https://github.com/facebook/react-native/pull/18387 Differential Revision: D7583315 Pulled By: shergin fbshipit-source-id: a5d22aea2aa4f494b7b25a055abe64799ccbaa79
124 lines
3.8 KiB
Objective-C
124 lines
3.8 KiB
Objective-C
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
#import "RCTBaseTextShadowView.h"
|
|
|
|
#import <React/RCTShadowView+Layout.h>
|
|
|
|
#import "RCTRawTextShadowView.h"
|
|
#import "RCTVirtualTextShadowView.h"
|
|
|
|
NSString *const RCTBaseTextShadowViewEmbeddedShadowViewAttributeName = @"RCTBaseTextShadowViewEmbeddedShadowViewAttributeName";
|
|
|
|
@implementation RCTBaseTextShadowView
|
|
{
|
|
NSAttributedString *_Nullable _cachedAttributedText;
|
|
RCTTextAttributes *_Nullable _cachedTextAttributes;
|
|
}
|
|
|
|
- (instancetype)init
|
|
{
|
|
if (self = [super init]) {
|
|
_textAttributes = [RCTTextAttributes new];
|
|
}
|
|
|
|
return self;
|
|
}
|
|
|
|
- (void)setReactTag:(NSNumber *)reactTag
|
|
{
|
|
[super setReactTag:reactTag];
|
|
_textAttributes.tag = reactTag;
|
|
}
|
|
|
|
#pragma mark - attributedString
|
|
|
|
- (NSAttributedString *)attributedTextWithBaseTextAttributes:(nullable RCTTextAttributes *)baseTextAttributes
|
|
{
|
|
RCTTextAttributes *textAttributes;
|
|
|
|
if (baseTextAttributes) {
|
|
textAttributes = [baseTextAttributes copy];
|
|
[textAttributes applyTextAttributes:self.textAttributes];
|
|
} else {
|
|
textAttributes = [self.textAttributes copy];
|
|
}
|
|
|
|
if (_cachedAttributedText && [_cachedTextAttributes isEqual:textAttributes]) {
|
|
return _cachedAttributedText;
|
|
}
|
|
|
|
NSMutableAttributedString *attributedText = [NSMutableAttributedString new];
|
|
|
|
[attributedText beginEditing];
|
|
|
|
for (RCTShadowView *shadowView in self.reactSubviews) {
|
|
// Special Case: RCTRawTextShadowView
|
|
if ([shadowView isKindOfClass:[RCTRawTextShadowView class]]) {
|
|
RCTRawTextShadowView *rawTextShadowView = (RCTRawTextShadowView *)shadowView;
|
|
NSString *text = rawTextShadowView.text;
|
|
if (text) {
|
|
NSAttributedString *rawTextAttributedString =
|
|
[[NSAttributedString alloc] initWithString:[textAttributes applyTextAttributesToText:text]
|
|
attributes:textAttributes.effectiveTextAttributes];
|
|
[attributedText appendAttributedString:rawTextAttributedString];
|
|
}
|
|
continue;
|
|
}
|
|
|
|
// Special Case: RCTBaseTextShadowView
|
|
if ([shadowView isKindOfClass:[RCTBaseTextShadowView class]]) {
|
|
RCTBaseTextShadowView *baseTextShadowView = (RCTBaseTextShadowView *)shadowView;
|
|
NSAttributedString *baseTextAttributedString =
|
|
[baseTextShadowView attributedTextWithBaseTextAttributes:textAttributes];
|
|
[attributedText appendAttributedString:baseTextAttributedString];
|
|
continue;
|
|
}
|
|
|
|
// Generic Case: Any RCTShadowView
|
|
NSTextAttachment *attachment = [NSTextAttachment new];
|
|
NSMutableAttributedString *embeddedShadowViewAttributedString = [NSMutableAttributedString new];
|
|
[embeddedShadowViewAttributedString beginEditing];
|
|
[embeddedShadowViewAttributedString appendAttributedString:[NSAttributedString attributedStringWithAttachment:attachment]];
|
|
[embeddedShadowViewAttributedString addAttribute:RCTBaseTextShadowViewEmbeddedShadowViewAttributeName
|
|
value:shadowView
|
|
range:(NSRange){0, embeddedShadowViewAttributedString.length}];
|
|
[embeddedShadowViewAttributedString endEditing];
|
|
[attributedText appendAttributedString:embeddedShadowViewAttributedString];
|
|
}
|
|
|
|
[attributedText endEditing];
|
|
|
|
[self clearLayout];
|
|
|
|
_cachedAttributedText = [attributedText copy];
|
|
_cachedTextAttributes = textAttributes;
|
|
|
|
return _cachedAttributedText;
|
|
}
|
|
|
|
- (void)dirtyLayout
|
|
{
|
|
[super dirtyLayout];
|
|
_cachedAttributedText = nil;
|
|
_cachedTextAttributes = nil;
|
|
}
|
|
|
|
- (void)didUpdateReactSubviews
|
|
{
|
|
[super didUpdateReactSubviews];
|
|
[self dirtyLayout];
|
|
}
|
|
|
|
- (void)didSetProps:(NSArray<NSString *> *)changedProps
|
|
{
|
|
[super didSetProps:changedProps];
|
|
[self dirtyLayout];
|
|
}
|
|
|
|
@end
|