React Native не поддерживает свойство CSS display, и по умолчанию все элементы используют поведение display: flex (no inline-flex). Большинство негибких макетов можно моделировать с помощью гибких свойств, но я взволнован встроенным текстом.
В моем приложении есть контейнер, содержащий несколько слов в тексте, некоторые из которых нуждаются в форматировании. Это означает, что мне нужно использовать интервалы для выполнения форматирования. Чтобы добиться обертывания пролетов, я могу настроить контейнер на использование flex-wrap: wrap, но это позволит только обертывание в конце диапазона, а не традиционное встроенное поведение обертывания при разрыве слов.
Задача визуализируется (в желтом цвете):
(через http://codepen.io/anon/pen/GoWmdm?editors=110)
Есть ли способ получить правильную упаковку и истинное встроенное моделирование с использованием свойств flex?