React Native：Height vs flex

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

對於例如，

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>

來源

2016-12-30 Sood

您可以使用像素或百分比來定義高度。否則基於內容大小，伸縮高度將增加。 –

是的，當你旋轉一個設備時，flex會響應，而window不是。

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

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

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

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

來源

2016-12-31 02:51:06

謝謝@阿曼。得到你想說的話。我知道在屏幕旋轉時手動爲窗口添加探測器，但想澄清我對flex的疑問。 – Sood

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

來源

2016-12-30 22:16:25

謝謝@agent_hunt。我對使用flex有點困惑。現在已經澄清了一下。 – Sood

React Native：Height vs flex

回答

相關問題