scrollview – React Native:2个带2个粘性标题的滚动视图

前端之家收集整理的这篇文章主要介绍了scrollview – React Native:2个带2个粘性标题的滚动视图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正试图用左边的时代创建一个日视图,并且是一个顶尖的人物.目前我可以得到左或顶部标题坚持,但不是两者.

你如何获得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>
您可以尝试使用flexDirection将顶级ScrollView更改为View / FlexBox作为“列”吗?这将导致内部ScrollViews适应窗口大小.

猜你在找的React相关文章