如何在 React Native 中的多行文本中显示键盘完成按钮答案

【问题标题】：How to show keyboard done button in multiline text in React Native如何在 React Native 中的多行文本中显示键盘完成按钮
【发布时间】：2018-02-20 18:01:11
【问题描述】：

我的反应原生视图中有一个多行文本。当用户键入时，在键盘视图中我需要显示完成（勾号）按钮。相反，它显示下一行图标。有什么办法可以做到这一点。如果我使用文本输入，我可以这样做，但我需要添加多行。这是我的文本输入

<TextInput style = {styles.contactInput}
           underlineColorAndroid="transparent"
           multiline = {true}
           placeholder="Type your feedback here"/>

【问题讨论】：

键盘上的完成按钮？抱歉，不完全确定您在寻找什么。
您是否要更改“返回键”？如果是这样，则有一个prop
@MC10 谢谢。您的评论链接已损坏，但 URL 为我指明了正确的方向，因此我做出了回答。

标签： javascript react-native

【解决方案1】：

多行输入意味着多行，意味着你需要输入键来创建一个新行，因此，你不能将输入键更改为其他任何东西

【讨论】：

【解决方案2】：

您可以添加 blurOnSubmit={true} 以显示提交按钮而不是返回键

<TextInput style = {styles.contactInput}
           underlineColorAndroid="transparent"
           multiline = {true}
           blurOnSubmit={true}
           placeholder="Type your feedback here"/>

【讨论】：

【解决方案3】：

@MC10 的评论指向了正确的方向，但他评论中的链接不再有效。

React Native TextInput 有几个different return key types。我在下面引用官方文档页面

确定返回键的外观。

跨平台

以下值适用于不同平台：
done
go
next
search
send

因此，根据您希望返回键的外观和功能，您应该能够选择上述值之一。您还可以在文档中阅读其他特定于操作系统的值。

【讨论】：