javascript - react 本地SectionList布局

我用来渲染具有不同节标题的多个节。我在以所需方式显示它时遇到了一些麻烦。
我想将标题放置在顶部和下方，并将该部分的内容显示为网格。

This is what I have right now

使用此代码:

<SectionList
        contentContainerStyle={styles.sectionListContainer}
        renderItem={this.renderItem}
        keyExtractor={this.getKey}
        renderSectionHeader={this.renderSectionHeader}
        shouldItemUpdate={this.shouldItemUpdate}
        sections={[
          { data: mostViewedArray, key: "most_viewed", title: "Most viewed" },
          { data: recentlyArray, key: "recently", title: "Recently" }
        ]}
      />



const styles = StyleSheet.create({
   sectionListContainer: {
     flex: 1,
     flexDirection: "row",
     flexWrap: "wrap",
     justifyContent: "space-between"
   }
});

所以我想不能将sectionListContainer的css应用于sectionHeader。但是我不确定是否有可能。

如果有人对此有任何想法，请告诉我!

谢谢!

最佳答案

对我们有用的解决方案是强制renderSectionHeader具有整个容器的宽度，从而将渲染项强制到下一行。

如果您更新问题以包含renderSectionHeader的内容(如NiFi所问)，我可以提供有关如何更新renderSectionHeader的更详细的答案。

关于javascript - react 本地SectionList布局，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43351080/