這次帶給大家react-native flatlist上拉加載onEndReached頻繁觸發怎麼解決,解決react-native flatlist上拉加載onEndReached頻繁觸的注意事項有哪些,下面就是實戰案例,一起來看一下。
在寫flatlist重複使用元件時,呼叫的時候如果父元件是不定高的元件,會造成元件無法顯示
如果父元件樣式{flex:1},則會出現下拉方法頻繁觸發或不正常觸發的問題(我這裡出現的問題是在列表第6個項目在底部時,緩慢上拉會多次觸發flatlist的onEndReached監聽)
推測是因為{flex:1}不適合做動態高度元件的父元件樣式,會錯誤的判斷高度導致onEndReached多次不正常觸發。
可以把列表上方所需的元件做成header屬性傳入元件當做flatlist的頭部元件,這樣就可以直接呼叫封裝好的元件。
也可以把父元素的樣式設為{height: '100%'},這樣就可以正確的觸發onEndReached監聽。
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是react-native flatlist上拉加載onEndReached頻繁觸發怎麼解決的詳細內容。更多資訊請關注PHP中文網其他相關文章!