react-native flatlist上拉加載onEndReached頻繁觸發怎麼解決

這次帶給大家react-native flatlist上拉加載onEndReached頻繁觸發怎麼解決，解決react-native flatlist上拉加載onEndReached頻繁觸的注意事項有哪些，下面就是實戰案例，一起來看一下。

問題

在寫flatlist重複使用元件時，呼叫的時候如果父元件是不定高的元件，會造成元件無法顯示

如果父元件樣式{flex：1}，則會出現下拉方法頻繁觸發或不正常觸發的問題（我這裡出現的問題是在列表第6個項目在底部時，緩慢上拉會多次觸發flatlist的onEndReached監聽）

原因

推測是因為{flex：1}不適合做動態高度元件的父元件樣式，會錯誤的判斷高度導致onEndReached多次不正常觸發。

解決

可以把列表上方所需的元件做成header屬性傳入元件當做flatlist的頭部元件，這樣就可以直接呼叫封裝好的元件。

也可以把父元素的樣式設為{height: '100%'}，這樣就可以正確的觸發onEndReached監聽。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JavaScript之優化DOM

#Vue的計算屬性

以上是react-native flatlist上拉加載onEndReached頻繁觸發怎麼解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！