Проработав последние пару недель с реагированием на iOS, я, похоже, столкнулся с некоторыми недостатками стиля флексинга ... Особенно, когда речь идет о «отзывчивом» поведении.

Например, допустим, вы хотите создать представление, содержащее карточки (метаданные для этих карточек получены из API). Вы хотите, чтобы карточки составляли 50% ширины вида за вычетом полей и отступов, и оборачивались после каждых 2.

Текущая реализация, которую я имею для этого представления, разбивает возвращенный массив на строки с 2 элементами. Контейнер списка имеетflex: 1, flexDirection: 'columnстроки имеютflex: 1 а затем каждая карта имеетflex: 1, Конечным результатом является то, что каждая строка имеет 2 столбца, которые равномерно занимают половину ширины просмотра.

Похоже, что в стилях React Native нет тривиального способа сделать это без использования javascript для какой-либо предварительной обработки данных, чтобы они правильно стилизовались. У кого-нибудь есть предложения?