複数のスクロールビューを持つ複数のフレックスボックスの行がネイティブで反応します

Question

反応ネイティブを使用してiPhoneに2行のビューを作成しようとしています。スクロールビューで同じ高さの2つの行が必要です。私はこれについて多くの文書を見つけることができません。私は下のコードですが、それはちょうどお互いの上にレンダリングします。

 <View style={Styles.splitView}> 
     <View style={Styles.splitViewLeft}> 
      <ScrollView> 
       <Text>Test1</Text>} 
      </ScrollView> 
     </View> 
     <View style={Styles.splitViewRight}> 
      <ScrollView> 
      { 
       <Text>Test2</Text> 
      } 
      </ScrollView> 
     </View> 
     </View> 

     splitView: { 
     flexDirection: 'row' 
     }, 

     splitViewLeft: { 
     flex: 3 
     }, 

     splitViewRight: { 
     flex: 2 
     }, 

Answer 1

これは、作業を行います。

<View style={{flex: 1}}> 
    <ScrollView style={{flex: 1, backgroundColor: 'red'}}> 
    <Text>Test1</Text> 
    </ScrollView> 
    <ScrollView style={{flex: 1, backgroundColor: 'yellow'}}> 
    <Text>Test2</Text> 
    </ScrollView> 
</View> 

は、それら同じ高さにするために、両方の<ScrollView />にスタイルflex: 1を適用します。

親<View />の中にラップした場合、flex: 1〜<ScrollView />にも適用する必要があります。