单行自动增长TextInput in react native

Question

在React Native中，如果我为multiline= true设置TextInput，那么enter键将不会触发提交。它创造了另一条线。如果我设置multiline= false，则TextInput不会根据内容自动调整其大小。

有没有办法实现这两个目标？

1. 根据其文字内容自动调整TextInput
2. 按Enter键时，提交而不是添加新行。

multiline chat input

需要这样做

Answer 1

派对有点晚了但是...... 您正在寻找blurOnSubmit property：

<TextInput
  multiline={true} //multiline
  blurOnSubmit={true} //do not add space, call the onSubmit function
  ...
/>