javascript - React ネイティブ SectionList レイアウト

Question

異なるセクション ヘッダーで複数のセクションをレンダリングするために使用しています。思うように表示できなくて困っています。ヘッダーを上部とその下に、セクションの項目をグリッドとして配置したいと思います。

これは私が今持っているものです

このコードで：

<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 に適用しないようにしたい。しかし、それが可能かどうかはわかりません。

誰かがそれについて何か考えを持っているなら、私に知らせてください!

ありがとう！