React Native 的 FlatList 組件 實現每次滑動一整項(item)


要解決的問題: 想要 FlatList列表 每次滑動都顯示一整項時可以這樣做。

每次滑動默認FlatList是可以停到一半中間的,實際想要的效果是,每次滑動動一整項 像如下效果一樣

實現后的效果:

解決代碼:

因為 FlatList 組件間接繼承自ScrollView組件所以他可以使用父組件全部props,具體可以去查看React Native源代碼,它是開源的。
然后 ScrollView 里有一個 pagingEnabled 可以實現這個效果,設置為true,視圖只能停在 整個滾動視圖的倍數上,所以只能是 倍數 就能實現這個效果了

另外官方說Vertical pagination is not supported on Android.,垂直是不可以的,但我在FlatList上測試了一下是可以的,具體還得看源代碼,官方暫時沒有解釋。
文檔:

https://reactnative.dev/docs/scrollview#pagingenabled


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM