React Native：2つのスティッキーヘッダーを持つ2つのスクロールビュー

Question

私は、左側の時間と人のトップヘッダーで日表示を作成しようとしています。現在のところ、左または上位のヘッダーをスティックすることはできますが、両方をスクロールすることはできません。

どのように2つのスティッキーヘッダーを取得しますか？

は、このようなルックスをレンダリングマイ：

<ScrollView style={{height: 600}}> 
    <ScrollView horizontal={true}> 
     <View style={styles.column}> 
     <View style={{ flex: 1, flexDirection: 'row', width}}> 
      {header} 
     </View> 

     <View style={styles.row}> 
      <View style={[styles.container, { width, marginLeft: 40 }]}> 
      {this.generateRows()} 
      </View> 
     </View> 

     </View> 
    </ScrollView> 
    <View style={{backgroundColor: 'white', position: 'absolute', top: 0, bottom: 0, left: 0, }}> 
     <View style={{ flex: 1, flexDirection: 'row'}}> 
     <View style={styles.row}> 
      <Text></Text> 
     </View> 
     </View> 
     <View style={{height: 1000, width: 40 }}> 
     {this.generateRowLabels()} 
     </View> 
    </View> 
    </ScrollView> 

Answer 1

あなたは '列' としてflexDirectionと/フレキシボックスを表示するために、トップレベルScrollViewを変更してみてくださいことはできますか？これにより、内側のScrollViewsがウィンドウサイズに収まるようになります。