Реализация встроенных элементов

Я хочу создать Text компоненты и отображать их в ряд, как span элементы в HTML. Если я делаю это так:

<View>
  <Text> Start here, </Text> <Text> finish here </Text>
</View>

линия между ними разбита и выглядит так:

Начни здесь,
закончить здесь

Как я могу предотвратить разрыв строки и отобразить их на одной строке?

Источник

2 ответа

Решение

Просто установите правильный flexDirection, По умолчанию column,

<View style={{flexDirection: 'row'}}>
 <Text> Start here, </Text> <Text> finish here </Text>
</View>
Источник

Text компоненты являются встроенными, когда их оборачивают Text элемент, как:

<Text>
   <Text>We</Text><Text>Are</Text><Text>Inline</Text>
</Text>
Источник
Другие вопросы по тегам