flexDirection: row not working

[okaybeydanol]

<View style={{flex: 1, flexDirection: 'row', flexWrap: 'wrap'}}>
  <SpeedyList
    contentStyle={{
      flex: 1,
      flexDirection: 'row',
      flexWrap: 'wrap',
      marginLeft: 16,
    }}
    items={filteredProducts}
    itemRenderer={itemRenderer}
    itemHeight={220}
    itemKey={'product_guid'}
  />
</View>

It doesn't work I'm trying to make numberOfClums={3} like how do I do it? can you give an example?

[FSPinho]

Hi @okaybeydanol.
I've just added support for multiple columns in the newest version. Let me know if that works for you.

E.g.:

<SpeedyList
    columns={2}
    items={filteredProducts}
    itemRenderer={itemRenderer}
    itemHeight={220}
    itemKey={'product_guid'}
/>

[okaybeydanol]

It worked very well, but the place of the last 2 items at the end of the page has shifted

[FSPinho]

Hi @okaybeydanol.

Thanks for catching this issue. I've just fixed, and also added options to customize the row and column wrappers. Let me know if you find more improvements.