javascript - [React Native]如何在Tabs內(nèi)維護(hù)每一個(gè)ListView的滾動(dòng)條?
問(wèn)題描述
問(wèn)題已解決,是css樣式的問(wèn)題。。。。和js無(wú)關(guān)。。。
![javascript - [React Native]如何在Tabs內(nèi)維護(hù)每一個(gè)ListView的滾動(dòng)條?](http://www.leifengta.com.cn/attached/image/news/202303/1055257a38.png)
我在tabs里包了一個(gè)listview,但是切換tabs的時(shí)候,listview的滾動(dòng)條都在同一個(gè)位置。。。就是說(shuō)我在第一個(gè)tabs中 滾動(dòng)了100px ,切換到第二個(gè)tabs,也是在100px的位置。。componentDidMount 只會(huì)觸發(fā)一次...如何保證每個(gè)listview的滾動(dòng)條在各自的位置。。
//數(shù)組保存8個(gè) const genTabpaneComp = (count) => { const result = []; for (let i = 0; i <= count; i++) { result.push(TabpaneComp(i)); } return result; }; //Tabpane 內(nèi)容 const TabpaneComp = (key) => { let props; return( <TabPane tab={Tabp(key)} key={ key }><p className={styles.categoryList}> <ContentView {...props}/></p> </TabPane> ) };
結(jié)果如圖:
![javascript - [React Native]如何在Tabs內(nèi)維護(hù)每一個(gè)ListView的滾動(dòng)條?](http://www.leifengta.com.cn/attached/image/news/202303/105525e8a6.png)
![javascript - [React Native]如何在Tabs內(nèi)維護(hù)每一個(gè)ListView的滾動(dòng)條?](http://www.leifengta.com.cn/attached/image/news/202303/1055264be4.png)
問(wèn)題解答
回答1:可以在 tab 切換時(shí),記住上一個(gè) tabPane 的滾動(dòng)位置,這樣可以維護(hù)沒(méi)有 tabPane 的滾動(dòng)位置。 read https://github.com/ant-design...
還有一種辦法,可以讓 styles.categoryList 高度固定。
相關(guān)文章:
1. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤?2. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!3. html5和Flash對(duì)抗是什么情況?4. javascript - QQ第三方登錄的問(wèn)題5. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境6. node.js - mongodb查找子對(duì)象的名稱(chēng)為某個(gè)值的對(duì)象的方法7. 測(cè)試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]8. spring-mvc - spring-session-redis HttpSessionListener失效9. java - Spring boot 讀取 放在 jar 包外的,log4j 配置文件,系統(tǒng)有創(chuàng)建日志文件,不寫(xiě)入日志信息。10. 淺談Vue使用Cascader級(jí)聯(lián)選擇器數(shù)據(jù)回顯中的坑

網(wǎng)公網(wǎng)安備