首页 > 解决方案 > React-Native-Scrollview 的 Scroll 在达到stickyHeaderIndices 时被禁用

问题描述

我正在尝试使我的标签栏变粘我正在使用native base标签栏并且他们正在使用"react-native-scrollable-tab-view". 我用 scrollView 包裹我的根视图并设置“stickyHeaderIndices = {[1]}”,这对于使我的标签栏粘在顶部很有用,但是当这些标签栏粘在顶部时,滚动停止工作,然后粘在顶部它工作正常,但是当这些选项卡粘在顶部滚动条上时,它会停止工作有什么建议吗?

我尝试添加另一个scrollView,以便我的滚动工作但没有运气,我在选项卡内有FlatList组件,但FlatList的滚动在stickyHeaderIndices之后也不起作用,然后stickyHeaderIndices滚动工作。

 <ScrollView
      stickyHeaderIndices={[1]}
      ref={ref => this.scrollView = ref}
      onContentSizeChange={(contentWidth, contentHeight) => {
        _scrollToBottomY = contentHeight
      }}
      contentContainerStyle={{flexGrow: 1, flex: 1}}>
 >  <AnotherComponent/>
    <MyTabsComponent />
</ScrollView>

滚动应该在stickyHeaderIndices 之后起作用。

标签: react-nativereact-native-androidreact-native-iosreact-native-flatlistreact-native-scrollview

解决方案


推荐阅读