本物のSectionListレイアウトに反応します

Question

私は別のセクションヘッダーで複数のセクションをレンダリングするために使用しています。私はそれが私が望むようにそれを表示するいくつかの問題を抱えています。 グリッドとしてセクションの項目の上と下に私のヘッダーを持っていたいと思います。このコードでは

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" 
    } 
}); 

だから私はsectionHeaderにsectionListContainerのCSSを適用しないことができるようにしたいと思います。しかし、私はそれが可能であるかどうかはわかりません。

誰かがそれについて考えているなら、私に教えてください！

ありがとうございます！

Answer 1

私たちのために働いた解決策は、renderSectionHeaderにコンテナ全体の幅を強制して、レンダリング項目を次の行に強制することでした。

renderSectionHeaderの内容を含めるように質問を更新した場合（既にNiFiから依頼されているように）、renderSectionHeaderの更新方法についてより詳細な回答を提供することができます。