如何使文本垂直(旋转90度)在反应本地？

小开

最佳答案

你可以用变形术。

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

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

小开

创造视野

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

添加样式转换: [{ Rotle: ‘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,

},

小开

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

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

例如:

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

小开

对于任何使用 makStyles ()的 Material-UI 字体设计的人来说，这个应该可以工作:

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

小开

尝试更好的定位，尤其是全屏

const leftTransform = [
{ rotate: '90deg' },
{ translateY: (screenHeight - screenWidth) / 2 },
{ translateX: (screenHeight - screenWidth) / 3 },
];

小开

在样式中，使用转换来旋转和 element style=\{\{transform: "rotate(90deg)"}}

对我很有效