What if the number of items does not exactly fill a row?

[alexbepple]

Say, you have 4 items, and there is only room for 3 items per row. Where would the last item appear? Centered or to the left? Your flexbox props make me think that it would be in the center. But then, it’s not a real grid, is it? ;)

If I am assuming correctly, do you have any clever ideas on how to do that (make the last item go to the left) and still benefit from the benefits of justifyContent values like 'center' and 'space-between'?

[yelled3]

hi @alexbepple
not sure really... did you try doing alignSelf: 'flex-end' on the last row?
if you get this working, open a PR and I'd be happy to add it as an additional example :-)

[ryanthegiantlion]

Tried a bunch of options to get the items stacking left. alignSelf: 'flex-end' doesn't work because we have flexDirection: 'row' on the listView which means alignment works vertically.

I am not sure there is an elegant solution for this but I came up with options using flex and dimensions that work.