問(wèn)題

在寫(xiě)flatlist復(fù)用組件時(shí)，調(diào)用的時(shí)候如果父組件是不定高的組件，會(huì)造成組件無(wú)法顯示

如果父組件樣式{flex：1}，則會(huì)出現(xiàn)下拉方法頻繁觸發(fā)或不正常觸發(fā)的問(wèn)題（我這里出現(xiàn)的問(wèn)題是在列表第6個(gè)項(xiàng)目在底部時(shí)，緩慢上拉會(huì)多次觸發(fā)flatlist的onEndReached監(jiān)聽(tīng)）

原因

推測(cè)是因?yàn)閧flex：1}不適合做動(dòng)態(tài)高度組件的父組件樣式，會(huì)錯(cuò)誤的判斷高度導(dǎo)致onEndReached多次不正常觸發(fā)。

解決

可以把列表上方所需的組件做成header屬性傳入組件當(dāng)做flatlist的頭部組件，這樣就可以直接調(diào)用封裝好的組件。

也可以把父元素的樣式設(shè)成{height: '100%'}，這樣就可以正確的觸發(fā)onEndReached監(jiān)聽(tīng)。

轉(zhuǎn)載于:https://www.cnblogs.com/macq/p/8583371.html

總結(jié)

以上是生活随笔為你收集整理的react-native flatlist 上拉加载onEndReached方法频繁触发的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。