Reaccionar flexbox nativo: cómo hacer porcentajes || columnas || sensible || cuadrícula, etc.

Después de trabajar con React Native en iOS durante las últimas semanas, parece que me he encontrado con algunas deficiencias en el estilo flexible ... Particularmente cuando se trata de un comportamiento "receptivo".

Por ejemplo, supongamos que desea crear una vista que contenga tarjetas (los metadatos de estas tarjetas provienen de una API). Desea que las tarjetas tengan el 50% del ancho de la vista menos el margen y el relleno, y que se envuelvan después de cada 2.

La implementación actual que tengo para esta vista divide la matriz devuelta en filas con 2 elementos. El contenedor de la lista tieneflex: 1, flexDirection: 'column, las filas tienenflex: 1 y luego cada tarjeta tieneflex: 1. El resultado final es que cada fila tiene 2 columnas que ocupan uniformemente la mitad del ancho de la vista.

Parece que no hay una forma trivial de hacer esto en los estilos React Native, sin usar javascript para realizar algún tipo de preprocesamiento de los datos para que salga con el estilo correcto. ¿Alguien tiene alguna sugerencia?