使用换行符和键盘的多行文本输入关闭按键按钮

Question

所以我一直在 iOS 上努力解决这个问题：我想要一个允许添加新行的多行文本输入：

// Now there's a "return" button, that adds a new line, perfect!

<TextInput
  multiline
  numberOfLines={2}
/>

同时，我想要一个带有返回键的多行文本输入，它会关闭键盘（这样用户就可以继续向下滚动屏幕到提交 CTA）：

// Now there's a "done" button, that dismisses the keyboard, yay!

<TextInput
  blurOnSubmit
  multiline
  numberOfLines={2}
  returnKeyType="done"
/>

但是，我找不到如何将这两者结合起来的方法。对于其他键盘类型（例如number ），键盘上方有returnKey 。

有没有办法同时使用新行按钮和键盘关闭键进行多行文本输入？谢谢！

编辑：

世博小吃：https://snack.expo.io/@mattz/77a2d1

Answer 1

如果有人仍在寻找答案，我将其发布在这里

您可以添加一个(TouchableOpacity or Pressable)类似于 给出的解决方案的包装器James，并TextInput通过外部单击关闭键盘。

import { TouchableOpacity, TextInput, Keyboard } from 'react-native';

<TouchableOpacity onPress={Keyboard.dismiss}>
  <View>
     <TextInput
      blurOnSubmit
      multiline
      numberOfLines={2}
      returnKeyType="done"
      ....
    />
  </View>
</TouchableOpacity>