javascript - [React Native]如何在Tabs内维护每一个ListView的滚动条?
伊谢尔伦
伊谢尔伦 2017-06-26 10:58:55
0
1
1120

问题已解决,是css样式的问题。。。。和js无关。。。

我在tabs里包了一个listview,
但是切换tabs的时候,listview的滚动条都在同一个位置。。。
就是说我在第一个tabs中 滚动了100px ,切换到第二个tabs,也是在100px的位置。。
componentDidMount 只会触发一次...
如何保证每个listview的滚动条在各自的位置。。

//数组保存8个
  const genTabpaneComp = (count) => {
    const result = [];
    for (let i = 0; i <= count; i++) {
      result.push(TabpaneComp(i));
    }
    return result;
  };

  //Tabpane 内容
  const TabpaneComp = (key) => {
    let props;
    return(
      <TabPane tab={Tabp(key)} key={ key }>
        <p className={styles.categoryList}>
          <ContentView {...props}/>
        </p>
      </TabPane>
    )
  };

结果如图:

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(1)
Peter_Zhu

可以在 tab 切换时,记住上一个 tabPane 的滚动位置,这样可以维护没有 tabPane 的滚动位置。
read https://github.com/ant-design...

还有一种办法,可以让 styles.categoryList 高度固定。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板