Depois de trabalhar com o reagir nativo no iOS nas últimas duas semanas, parece que me deparei com algumas deficiências do estilo flexível ... Particularmente quando se trata de comportamento "responsivo".

Por exemplo, digamos que você queira criar uma exibição que contenha cartões (os metadados para esses cartões são provenientes de uma API). Você deseja que os cartões tenham 50% da largura da visualização, menos a margem e o preenchimento, e envolvam após cada 2.

A implementação atual que tenho para essa exibição divide a matriz retornada em linhas com 2 itens. O contêiner da lista possuiflex: 1, flexDirection: 'column, as linhas têmflex: 1 e então cada cartão temflex: 1. O resultado final é que cada linha possui 2 colunas que ocupam metade da largura da visualização.

Parece que não há uma maneira trivial de fazer isso nos estilos React Native, sem usar o javascript para fazer algum tipo de pré-processamento nos dados, para que eles saiam com o estilo correto. Alguém tem alguma sugestão?