flatlist 底部的ListFootComponent组件没有进render方法
来源：7-6 FlatList的高级应用&上拉加载更多功能实现-1【这个技能很实用】
炮炮老王
2019-07-13
chrome调试不进genIndicator这个render方法，
底部没有加载出来loading组件
代码如下
genIndicator() {
return this._store().hideLoadMore ? null : (
正在加载更多
)
}
render() {
let store = this._store()
return (
<FlatList
data={store.projectModes}
renderItem={data => this.renderItem(data)}
keyExtractor={item => “” + item.id}
refreshControl={
<RefreshControl
title={“loading”}
tintColor={THEME_COLOR}
colors={[THEME_COLOR]}
titleColor={THEME_COLOR}
refreshing={store.isLoading}
onRefresh={() => this.loadData()}
/>
}
ListFootComponent = {() => this.genIndicator()}
// onEndReached={() => {
// console.log(’—onEndReached----’)
// setTimeout(() => {
// if (this.canLoadMore) {
// this.loadData(true)
// this.canLoadMore = false
// }
// }, 100);
// }}
// onEndReachedThreshold={0.5}
// onMomentumScrollBegin={() => {
// this.canLoadMore = true
// console.log(’—onMomentumScrollBegin-----’)
// }}
/>
<Toast ref={‘toast’} position={‘center’} />
)
}
2回答
-
炮炮老王
提问者
2019-07-13
genIndicator() { return this._store().hideLoadMore ? null : ( <View style={style.indicatorContainer}> <ActivityIndicator style={style.indicator} /> <Text>正在加载更多</Text> </View> ) }00 -
炮炮老王
提问者
2019-07-13
_store() {
const { popular } = this.props
let store = popular[this.storeName]
if (!store) {
store = {
items: [],
isLoading: false,
projectModes: [], //要显示加载的数据
hideLoadMore: false //默认隐藏加载更多
}
}
return store
}
另外把hideLoadMore这个默认隐藏也改成false了，就是希望默认能看到底部《加载更多》这个组件
00
相似问题
回答 1
回答 2