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 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...