React Native：Height vs flex

Question

雖然在視圖中設置多個組件的高度，但在根據flex或height設置高度之間是否有區別？

對於例如，

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會響應，而window不是。

例如，如果該設備尺寸爲1280×720，這將導致以下：

軟硬度： 肖像模式高度= 1280 風景模式高度= 720

窗口： 肖像模式高度= 1280. 風景模式高度= 1280

當組件安裝時，窗口將檢索您的尺寸。是的，您可以在屏幕旋轉時手動添加探測器，但是我不明白爲什麼在flex短而簡單時要花費很多精力。

Answer 2

是。對於flex，大小參考是其父視圖佈局大小，而如果使用窗口大小，則將整個窗口大小作爲參考。嘗試在1）中設置一些高度和寬度，然後參閱。