[react-native] React Native에서 텍스트를 세로 (90도 회전)로 만들려면 어떻게해야합니까?

<Text />React Native에서 수직 (90도 회전)을 어떻게 만들 수 있습니까? 화면 가장자리를 따라 페이지 오른쪽에 텍스트를 추가하고 싶습니다.



답변

변형을 사용할 수 있습니다.

https://facebook.github.io/react-native/docs/transforms.html#proptypes

myStyle: {
    transform: [{ rotate: '90deg'}]
}


답변

creat보기

            <View style={styles.arrow_1_6} ></View>

스타일 변환 추가 : [{rotate : ’14deg’}], 뷰 위치를 절대적으로 만들면 다른 뷰에 영향을주지 않습니다!

  • 회전은 0에서 360도까지 시작합니다.

       arrow_1_6: {
       transform: [{ rotate: '14deg' }],
      width: 260,
      marginTop: 145,
      position: 'absolute',
      marginLeft: 75,
      backgroundColor: 'orange',
      height: 4,
      flexDirection: "row",
      padding: 0,
      alignItems: 'center',
      justifyContent: 'flex-start',
      borderBottomColor: '#075fff',
      borderBottomWidth: 4,
    

    },
    여기에 이미지 설명 입력


답변