react-native - VirtualizedList をグリッドとして表示する

Question

私はこのようなものを作ろうとしています:

問題: プロジェクトはReact Native Docs に従ってimmutablejsビルドされました。使用できないため、そのコンポーネントの numColumns props 機能を使用できません。私の唯一の選択肢は、ドキュメントが指摘するように VirtualizedList を使用することですが、上記のようにセルをグリッドとして表示する方法がわかりません。FlatList

私はすでにstyleセルとビューラッパーの両方に小道具を追加しようとしましたが、投稿した写真のように、セルを整列させるために使用されるコードは無視されません。実際、私が を使用していたときは完璧に表示されてScrollViewいましたが、巨大なラグのためにコードを に移動していますVirtualizedList。

何か助けはありますか？私はすでにGoogleでたくさん掘り下げましたが、これについては何も見つかりません.

サンプルコード:

      <View>
        <VirtualizedList
          data={props.schedules}
          getItem={(data, index) => data.get(index)}
          getItemCount={(data) => data.size}
          keyExtractor={(item, index) => index.toString()}
          CellRendererComponent={({children, item}) => {
            return (
              <View style={{any flexbox code gets ignored here}}>
                {children}
              </View>
            )}}
          renderItem={({ item, index }) => (
            <Text style={{also here}} key={index}>{item.get('schedule')}</Text>
          )}
        />
      </View>