listview - React Native の ListView グリッド

Question

リモートの JSON ソースからリストを取得して画面に表示するシンプルなアプリを React Native で構築しています。

これまでのところ、こちらの優れた例を使用して、ListView コンポーネントを行単位で使用して結果を表示することができました (つまり、行ごとに 1 つの結果、スクリーンショットを参照)。画面のサイズと向きに応じて、結果をグリッドに表示する必要があります。つまり、1 行あたり 3 ～ 6 項目です。

これらの結果をグリッドに表示する最善の方法は何ですか? これに ListView を使用できますか、それとも行ごとに 1 つの結果のみですか? フレックスボックス スタイルをいじってみましたが、React は % 値を受け入れないようで、ListView はスタイルを受け入れないため、まだ成功していません。

Answer 1

私は同じ問題を抱えていて、その問題を解決するコンポーネントを作成しました。ここで見つけることができます: https://github.com/pavlelekic/react-native-gridview

また、このコンポーネントが行うもう 1 つのことは、アイテムの幅が整数であることを確認することです。これにより、アイテムの境界線にアンチエイリアスがなく、クリアで鮮明になります。