1. 組件結構
2. 實現的效果圖
3. 重點解釋一些方法
(1)stickyHeaderIndices ,這個屬性在ScrollView里面,FlatList也繼承了該屬性,其主要作用,會讓第一個成員固定在視圖頂端。我這個實現效果里面,並沒有使用這個屬性,原因我在測試過程中,我通過滾動距離來添加,這個屬性,會導致,FlatList所有元素消失。
我的思路,初始這個屬性的值為空數組[ ] ,之后動態設置[0] ,或者[1]等等,但始終逃不過元素消失的悲慘命運。
(2)onScroll方法 ,拿到的是一個異步事件對象,需要進行 e.nativeEvent
(3)分割線組件
(4)下拉刷新
備注:
這里詳細解釋ScrollView嵌套FlatList的警告的原因。
https://blog.csdn.net/gang544043963/article/details/106525516
跨平台方案哪家強?帶你領略 React Native 大法
https://blog.csdn.net/gang544043963/article/details/106902053
https://blog.csdn.net/gang544043963/article/details/83934015