Выполнение встроенных элементов

Question

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

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

линия разрывается между ними, и это выглядит следующим образом:

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

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

Answer 1

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

<View style={{flexDirection: 'row'}}> 
<Text> Start here, </Text> <Text> finish here </Text> 
</View> 

Answer 2

Text компоненты инлайн, когда упаковка их с другим Text элементом, как:

<Text> 
    <Text>We</Text><Text>Are</Text><Text>Inline</Text> 
</Text>