ListViewを使用してセクション内の行をレンダリングしますか？

Question

ListViewのコンポーネントは、ネイティブで反応します - このようなセクション内で行をレンダリングすることは可能ですか？

<section> 
    <row>A</row> 
    <row>B</row> 
</section> 
<section> 
    <row>C</row> 
    <row>D</row> 
</section> 

そして、このようなない：

<section></section> 
<row>A</row> 
<row>B</row> 
<section></section> 
<row>C</row> 
<row>D</row> 

は私がでrenderRowとrenderSectionHeaderを使用しています。

私がこのようにレンダリングしたい理由は、スタイリングによるものです。しかし、代わりに2つ入れ子にする必要がありますListView？

Answer 1

私はちょっとした解答を提案できます。

androidでセクトンに影を追加すると、すべての行とセクションのヘッダーにelevationを設定できます。あなたはshadow*のスタイルを設定する必要があります。

ただし、borderRadiusを追加すると問題が発生します。この場合、上部の境界線のアーチファクトを防止するために、各行に小さなマイナスmarginBottom（-2または-4で十分です）を追加できます。

shadow: { 
    shadowOffset: { 
    width: 2, 
    height: 2 
    }, 
    shadowRadius: 1, 
    shadowOpacity: 0.2, 
    elevation: 2, 
    borderRadius: 2, 
    marginBottom: -2, 
} 

3行のリストビュー：あなたが必要なものスタイリング