如何将文本垂直（旋转90度）反应原生？

Question

如何使<Text />垂直（旋转90度）反应原生？我希望在屏幕边缘的页面右侧有一些文字。

Answer 1

您可以使用转化。

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

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

Answer 2

在样式中，使用变换来旋转和元素

style={{transform: [{ rotate: '180deg' }]}}

例如：

<View style={{transform: [{ rotate: '180deg' }]}} />

Answer 3

对于使用带有 makeStyles() 的 Material-UI Typography 的任何人，这应该有效：

myClassName: {
    transform: "rotate(90deg)"
},

Answer 4

创建视图

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

添加样式转换：[{旋转：'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,
  

  }，