React Native: 2 viste a scorrimento con 2 intestazioni adesive

Question

Sto cercando di creare una vista giornaliera con i tempi sul lato sinistro e un'intestazione superiore di persone. Attualmente posso ottenere la sinistra OPPURE l'intestazione superiore da attaccare, ma non entrambe.

Come si ottengono 2 intestazioni adesive?

Il mio rendere aspetto:

<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

Puoi provare a cambiare lo ScrollView di livello superiore a Visualizza/FlexBox con flexDirection come 'colonna'? Ciò farà sì che le ScrollView interne si adattino alle dimensioni della finestra.