Fatal编程技术网
  • javascript/
  • Javascript 对视图进行旋转会使其部分内容消失

Javascript 对视图进行旋转会使其部分内容消失

javascript css react-native

Javascript 对视图进行旋转会使其部分内容消失,javascript,css,react-native,rotation,transition,Javascript,Css,React Native,Rotation,Transition,我的屏幕上有10个使用此样式的视图： <View style={{ justifyContent: 'center', alignItems: 'center', backgroundColor: '#005b96', }}> <Text style={{ fontSize: 20, fontWeight: '600', color: '#eee', }}>{number}</Text>

我的屏幕上有10个使用此样式的视图：

<View style={{
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#005b96',
}}>
   <Text style={{
      fontSize: 20,
      fontWeight: '600',
      color: '#eee',
   }}>{number}</Text>
</View>


{number}
这就是我得到的 但是，当我将
transform:[{rotate:'5deg'}]
添加到
视图的样式中时，除1之外的所有数字都消失了！
旋转似乎缩小了其内容的空间，所以文本消失了，但由于1足够瘦，仍然像以前一样！

我尝试为
文本提供额外的宽度和高度，但没有成功
 将此样式添加到
文本
的样式中成功了


width: '100%',
textAlign: 'center',
backgroundColor: 'black', // gave the background so the effect will be obvious.


得到这个：

旋转不应收缩content@TemaniAfif这只是我的假设！我不知道原因。