Rest of the cells/rows wont render when using a grid style

[jjdp]

<SGListView
  stickyHeaderIndices={[]}
  onEndReached={() => {}}
  onEndReachedThreshold={1}
  pageSize={1}
  initialListSize={10}
  contentContainerStyle={styles.listView}
  dataSource={this.state.dataSource}
  renderRow={this._renderRow}

with this style:

listView: {
    justifyContent: 'flex-start',
    flexDirection: 'row',
    flexWrap: 'wrap',
    paddingTop: 52,
  },

the rest of the rows won't render. In my case the images:

[adbl]

I see this too, @jjdp did you find any workaround?

[jjdp]

sadly no. i am just using the default listview for now.

[booboothefool]

Also seeing this issue.

[superandrew213]

Try this:

  grid: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    alignItems: 'flex-start',
    overflow: 'hidden',
  },

Use alignItems: 'flex-start' instead of justifyContent: 'flex-start'.

[booboothefool]

Thanks @superandrew213. That did the trick for my grid.