Я пытался найти лучшее решение, чтобы заполнить доступное пространство гибкой строки. В представлении все, что на самом деле нужно сделать, это flexDirection: 'row' и flex: 1 для детей, но также я хочу добавить разделитель, конечно, я мог бы просто добавить его в стили, а для последнего элемента просто не добавлять стиль . В настоящее время я на самом деле делаю карту, а затем уменьшаю, чтобы поместить разделитель между ними, но я почти уверен, что это можно было бы сделать лучше.
Так что для FlatList я попытался поиграть с flexDirection, flex, flexGrow внутри как style, так и contentContainerStyle при использовании horizontal prop для FlatList. Не получил точного рабочего решения. justify-content может быть хорошо, но не в том случае, когда я также хочу использовать ItemSeparatorComponent. Я также пробовал использовать numColumns, но тогда разделитель не работает, поэтому мне нужно проверить индекс и на его основе поставить разделитель.
Есть предложения по лучшему подходу к этому?
Сводка
Мне нужен горизонтальный FlatList, который поддерживает элементы с flex: 1 в нем и с опцией ItemSeparatorComponent.