Nachdem ich in den letzten Wochen mit React Native auf iOS gearbeitet habe, bin ich anscheinend auf einige Mängel beim Flex-Styling gestoßen ... Vor allem, wenn es um "responsives" Verhalten geht.

Nehmen wir zum Beispiel an, Sie möchten eine Ansicht erstellen, die Karten enthält (die Metadaten für diese Karten stammen von einer API). Sie möchten, dass die Karten 50% der Ansichtsbreite abzüglich des Randes und des Abstands haben und nach jeweils 2 Zeilen umbrochen werde

Die aktuelle Implementierung, die ich für diese Ansicht habe, teilt das zurückgegebene Array in Zeilen mit 2 Elementen auf. Der Listencontainer hatflex: 1, flexDirection: 'column, die Zeilen habenflex: 1 und dann hat jede Karteflex: 1. Das Endergebnis ist, dass jede Zeile 2 Spalten enthält, die gleichmäßig die Hälfte der Ansichtsbreite einnehmen.

Es scheint, als gäbe es keine triviale Möglichkeit, dies in React Native-Stilen zu tun, ohne Javascript zu verwenden, um eine Art Vorverarbeitung der Daten vorzunehmen, damit sie korrekt dargestellt werden. Hat jemand irgendwelche Vorschläge?