2017-03-19 6 views
1

私は何かが分かりませんが、React Native ListViewを取得して各行の間だけ区切り文字を表示することはできません。 renderSeparator documentationは最後の行の下にレンダリングすべきではないと言っていますが、セパレータはすべての行の後にレンダリングされます。ReactネイティブListView renderSeparator最後の行の下に区切りを表示

以下は、同じ問題で作成した2つの異なるリストビューのスクリーンショットです。ここでコードはhttps://sketch.expo.io/rkQZg8hsxですが、Sketch上でAppetizeシミュレータを使用する場合は注意してください。シミュレータをスケーリングするとセパレータが表示されないことがあるためです。実際のデバイスでテストする方が良いでしょう。

enter image description here

答えて

1

設け場合以下のセクションヘッダー がある場合、レンダリングコンポーネントは、セパレータ各行以下 なく最後の行としてレンダリングされます。上記の行のsectionIDとrowID、およびその隣接行が強調表示されているかどうかを取得します。

セクションコードを例のコードに含めないでください。これは、最後の行の後に区切り記号が表示される理由を説明する必要があります。

+0

セクションヘッダーが必要ない場合、セパレータをレンダリングする方法に関する推奨事項はありますか? –

+0

私はレンダリングしている行をチェックし、そのロジックを書く必要がないことを望んでいた1つのソリューションで新しいスケッチを作成しました:https://sketch.expo.io/rkU0982ig –

+0

リストビューでは代わりにhttps://github.com/react-native-community/react-native-elementsを使用します。 –

関連する問題