单击ListFooterComponent实现无限滚动

Question

嗨，我希望用户单击我的列表的ListFooterComponent时可以无限滚动吗？目前，我在水平Flatlist中有8个项目，当我尝试使用无限滚动时，这8个项目已更改。 “我的页脚”是一个按钮，可将我重定向到“查看更多”页面。

<View style={{ flex: 1 }}>
            <FlatList
              style={{ flex: 1 }}
              contentContainerStyle={{ paddingLeft: 12, paddingRight: 12 }}
              horizontal={true}
              initialNumToRender={10}
              removeClippedSubviews={true}
              data={this.state.articles.slice(0, 8)}
              keyExtractor={item => item.id}
              showsHorizontalScrollIndicator={false}
              renderItem={({ item, index }) => {
                return (
                  <HorizontalArticles item={item} index={index} parentFlatlist={this} displayDetailsArticle={() => this._displayDetailsArticle(item)} id={this.props.user.id} navigation={this.props.navigation} favs={"accueil"}/>
                );
              }}
              ListFooterComponent={() => {
                return (
                  <HorizontalArticlesSeeMore parentFlatlist={this} navigation={this.props.navigation} favs={"search"} />
                )
              }}
            />
</View>