React Native Androidでスクロール可能なグリッドライクなListViewを作成しようとしています。React Native Androidのグリッドビュー
私はこれを発見し、それはまさに私が何をしたいかのようになります。https://github.com/yelled3/react-native-grid-example
スタイルはAndroid上で台無しにされたが、ラップは仕事に表示されません。私はそれは、Android上でサポートされるように2行を持って、私はすべての要素を見ることができない...
なっていますか？それとも全く別のアプローチをとらなければならないのですか？ （すなわち、1行に1つのコンポーネントを持っており、手動で自分のデータソースを壊す）
あなたはreact-nativeレポhttps://github.com/facebook/react-native/blob/master/Examples/UIExplorer/ListViewGridLayoutExample.js
からこの例を試すことができますが、両方のplatforfmsに私のためにうまくいきました。
詳細な回答が必要な場合は、こちらのコードをここで共有してください。
あなたがすべての行を見ることができないという問題は、ナビバーの可能性が高いです。ビューにflex: 1があると仮定すると、行要素はナビゲーションバーの下に表示されます。
可能な解決策は、navbarのサイズを把握し、navbarの下のビューのサイズを調べることです。次に、計算されたビュー内でグリッドをレンダリングできます。これらの線に沿って
何か：グリッドを作成する方法については
const NavHeightPadding = Platform.OS === 'ios' ? 64 : 54
const { width, height } = Dimensions.get('window');
const ViewHeight = { height: height - NavHeightPadding }
<View style={[{ marginTop: NavHeightPadding }, ViewHeight]}>
...some grid component
</View>
、あなたは彼がFacebookの例から、非常に優れたリソースを提供する@ chukchaの答えを見てみることができます。
いくつかの他のグリッドの選択肢は以下のとおりです。
私は、これは非常に古いポストですけど、念のために誰もが一緒に来て、これを見て、私はそれを考えました有益であろう。 – Damian