如何在本地平面列表中同时显示静态内容和动态内容？

Question

我有一个带有顶部横幅和一些文本的视图，然后有一个使用分页的产品列表，我想做的是使用平面列表，有没有一种方法可以对其进行配置，以便在我的renderItems中我将退回我的产品，并将静态内容包含在同一平面列表中吗？

Answer 1

如果横幅广告和文本始终位于产品列表的顶部，则可以使用 Flatlist 的 ListHeaderComponent 属性来呈现静态内容（例如横幅广告和文本）。 / p>

<FlatList
     ...
     ListHeaderComponent={this.renderHeader}
/>

Answer 2

如果在固定列表之前有固定的横幅和一些文本。您可以将标题，文本和平面列表包装在scrollView中。这将根据需要工作。

    render(){
     return(
       <ScrollView>
        this.renderBanner();
        this.renderText();
        this.renderFlatList();
      </ScrollView)
    }