1回答

CrazyCodeBoy

2019-04-18

已采纳

这个在后面的课程中有讲解哦，建议参考下：

render() {
    let store = this._store();
    const {theme}=this.props;
    return (
        <View style={styles.container}>
            <FlatList
                data={store.projectModels}
                renderItem={data => this.renderItem(data)}
                keyExtractor={item => "" + item.item.id}
                refreshControl={
                    <RefreshControl
                        title={'Loading'}
                        titleColor={theme.themeColor}
                        colors={[theme.themeColor]}
                        refreshing={store.isLoading}
                        onRefresh={() => this.loadData()}
                        tintColor={theme.themeColor}
                    />
                }
                ListFooterComponent={() => this.genIndicator()}
                onEndReached={() => {
                    console.log('---onEndReached----');
                    setTimeout(() => {
                        if (this.canLoadMore) {//fix 滚动时两次调用onEndReached https://github.com/facebook/react-native/issues/14015
                            this.loadData(true);
                            this.canLoadMore = false;
                        }
                    }, 100);
                }}
                onEndReachedThreshold={0.5}
                onMomentumScrollBegin={() => {
                    this.canLoadMore = true; //fix 初始化时页调用onEndReached的问题
                    console.log('---onMomentumScrollBegin-----')
                }}
            />
            <Toast ref={'toast'}
                   position={'center'}
            />
        </View>
    );
}

https://git.imooc.com/coding-304/GitHub_Advanced/src/master/js/page/PopularPage.js#L203

1

1

Leal_朝

谢谢老师！回复非常快！

2019-04-18

共1条回复