リアクタネイティブ：高さとフレックス

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

はい、デバイスを回転させると、フレックスはウィンドウが表示されない場合に応答します。例えば

デバイスの寸法が1280×720である場合、それは以下をもたらすは：

フレックス： 肖像= 720

ウィンドウモード高さ= 1280 風景モード高さ： ポートレートモード高さ= 1280. ランドスケープモードの高さ= 1280

ウィンドウは、コンポーネントがマウントされると一度寸法を取得します。はい、画面が回転しているときにウィンドウの検出器を手動で追加することはできますが、フレックスが短くてシンプルなときに何故その努力をしたいのかわかりません。

Answer 2

はいの場合

。 flexの場合、サイズ参照は親ビューのレイアウトサイズですが、ウィンドウディメンションを使用する場合はウィンドウサイズ全体が参照として使用されます。 1）で高さと幅を設定してみてください。