如何在单行而不是新行中显示所有文本？

Question

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

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

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

Answer 1

尝试：

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