React Native: How to inline a textInput with a button?

Question

I am creating a chatbot ui in ReactNative How can I implement an inline textinput with button ?

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

Answer 1

To organize components horizontally you need to use flexDirection. Default flexDirection is set to column.

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