react-native-scrollable-tab-view icon indicating copy to clipboard operation
react-native-scrollable-tab-view copied to clipboard

第一个页面是定制化的,切换到其他Page并进入到对应详情之后,切回第一个页面的时候显示空白

Open the-nippy opened this issue 5 years ago • 1 comments

第一个页面是定制的ScrollView,其他页面都是一个复用的列表,当多次切换Tab,进入其他页面的列表的详情之后,退出再回到第一页的时候,显示空白。Android 和 iOS 都存在

-version:

  • "react-native-scrollable-tab-view": "^1.0.0",
  • "react-native": "0.61.5",

关键代码

    <ScrollableTabView
            ref={this.setScrollRef}
            tabBarPosition="top"
            scrollWithoutAnimation={true}
            style={styles.container}
            renderTabBar={() => <UnderlineTabBar tabsContainerStyle={styles.tabsContainer} />}
            onChangeTab={this.tabChange}
            prerenderingSiblingsNumber={0}
            tabBarTextStyle={styles.tabText}
            {this.state.tabsList.map((tab, index) => {
              if (index === 0) {
                return (
                  <HomeScrollPage   //  customized ScrollView here
                    ....
                  />
                );
              } else {
                return (
                  <ChildList    // FlatList
                    ...
                  />
                );
              }
            })}
    </ScrollableTabView>

Steps to Reproduce

当 Tab 较多(十几个),且多次切换,进入后面的列表详情页产生跳转后复现概率较大。

the-nippy avatar Aug 19 '20 07:08 the-nippy

@lexguy 解决了吗?

xclidongbo avatar Sep 27 '20 06:09 xclidongbo