文章詳情頁
javascript - [React Native]如何在Tabs內維護每一個ListView的滾動條?
瀏覽:241日期:2023-05-10 14:31:17
問題描述
問題已解決,是css樣式的問題。。。。和js無關。。。
![javascript - [React Native]如何在Tabs內維護每一個ListView的滾動條?](http://www.b3g6.com/attached/image/news/202303/1055257a38.png)
我在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> ) };
結果如圖:
![javascript - [React Native]如何在Tabs內維護每一個ListView的滾動條?](http://www.b3g6.com/attached/image/news/202303/105525e8a6.png)
![javascript - [React Native]如何在Tabs內維護每一個ListView的滾動條?](http://www.b3g6.com/attached/image/news/202303/1055264be4.png)
問題解答
回答1:可以在 tab 切換時,記住上一個 tabPane 的滾動位置,這樣可以維護沒有 tabPane 的滾動位置。 read https://github.com/ant-design...
還有一種辦法,可以讓 styles.categoryList 高度固定。
標簽:
JavaScript
相關文章:
1. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””2. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?3. nignx - docker內nginx 80端口被占用4. docker容器呢SSH為什么連不通呢?5. mac里的docker如何命令行開啟呢?6. 關于docker下的nginx壓力測試7. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?8. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????9. docker start -a dockername 老是卡住,什么情況?10. angular.js使用$resource服務把數據存入mongodb的問題。
排行榜

網公網安備