React native 如何以单行而不是新行显示所有文本？

从下面提到的代码中，得到如图中第二行所示的结果：

如何在单行中显示所有文本元素，如图中第一行所示

<Thumbnail square  source={{ uri: some uri }} />
<Text>Butter</Text>
<TextInput
   placeholder="-"
   keyboardType='number-pad'
/>
<Text>Kg</Text>

黄油
公斤

试试这个：

<Thumbnail square  source={{ uri: some uri }} />
   <View style={{flexDirection:'row}} > 
      <Text>Butter</Text>
      <TextInput
        placeholder="-"
        keyboardType='number-pad'
        />
    <Text>Kg</Text>
  </View>

请您正确描述您的问题好吗？欢迎来到Stackoverflow，请花些时间浏览和。请正确解释您的问题