Question

在视图中设置多个组件的高度时，根据弹性或高度设置高度是否有任何区别？

例如，

1) <View>
       <View style={{flex:1}}>
       </View>
       <View style={{flex:3}}>
       </View>
   </View

2) var windowSize = Dimensions.get('window');
   <View>
       <View style={{height:windowSize.height/4}}>
       </View>
       <View style={{height:windowSize.height*3/4}}>
       </View>
   </View>

Answer 1

是的，当您旋转设备时，flex会响应窗口不是

的情况

例如，如果设备尺寸为1280 x 720，则会产生以下结果：

软硬度：肖像模式高度= 1280。景观模式高度= 720

窗口：肖像模式高度= 1280。景观模式高度= 1280

窗口在组件安装时检索一次尺寸。是的，你可以在屏幕旋转时为窗口手动添加探测器，但我不知道为什么你想在柔性简短的时候经过那么多的努力。

Answer 2

是。对于flex，size参考是其父视图布局大小，而如果使用窗口尺寸，则将整个窗口大小作为参考。尝试在1）中设置一些高度和宽度，然后看。

React Native：高度与弹性

2 个答案: