react-native - react native : How to inline a textInput with a button?

Question

我正在 React Native 中创建一个聊天机器人用户界面
如何使用按钮实现内联文本输入？

<View>
 <Textinput />
 <Button>Press</Button>
</View>

Answer 1

要水平组织组件，您需要使用 flexDirection .默认 flexDirection 设置为 column .

<View style={{ flexDirection:'row' }}>
  <Textinput />
  <Button>Press</Button>
</View>