प्रतिक्रियात्मक मूल: 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

आप शीर्ष स्तर के scrollview को देखने के लिए 'कॉलम' के रूप में flexDirection साथ/flexbox बदलने का प्रयास कर सकते हैं? इससे आंतरिक स्क्रॉल व्यू विंडो आकार में फिट हो जाएंगे।