react-native flatlist上拉加載onEndReached頻繁觸發怎麼解決
- php中世界最好的语言原創
- 2018-03-19 16:26:068908瀏覽
這次帶給大家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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：Dom屬性的使用方法下一篇：Dom屬性的使用方法