[react-native] React Native에서 <Text> 텍스트를 대문자로 설정하는 방법

Program / 글쓴이

<Text> some text </Text>React Native에서 대문자 로 설정하는 방법

<Text style={{}}> Test </Text>

해당 테스트를 TEST로 표시해야합니다.

답변

iOS textTransform 지원이 0.56 버전에서 react-native에 추가되었습니다. Android textTransform 지원이 0.59 버전에 추가되었습니다. 다음 옵션 중 하나를 허용합니다.

  • 없음
  • 대문자
  • 소문자
  • 대문자로하다

실제 iOS 커밋 , Android 커밋 및 문서

예:

<View>
  <Text style={{ textTransform: 'uppercase'}}>
    This text should be uppercased.
  </Text>
  <Text style={{ textTransform: 'capitalize'}}>
    Mixed:{' '}
    <Text style={{ textTransform: 'lowercase'}}>
      lowercase{' '}
    </Text>
  </Text>
</View>

답변

@Cherniv 답변 주셔서 감사합니다

<Text style={{}}> {'Test'.toUpperCase()} </Text>

답변

React Native .toUpperCase () 함수는 문자열에서 잘 작동하지만 numbersor 를 사용하면 other non-string data types작동하지 않습니다. 가 error발생합니다.

아래 2 개는 문자열 속성입니다. 

<Text>{props.complexity.toUpperCase()}</Text>

<Text>{props.affordability.toUpperCase()}</Text>

답변