React Native如何将键盘返回键替换为隐藏/完成按钮？

一、原生属性快速实现（推荐） #

React Native的TextInput自带returnKeyType属性，直接配置就能替换返回键的样式与功能：

• iOS端：设置returnKeyType="done"，键盘的返回键会直接变成「Done」按钮，点击后自动触发键盘收起（单行TextInput默认行为，也可以手动加onSubmitEditing兜底）。
  代码示例：

  import { TextInput, Keyboard } from 'react-native';
  
  <TextInput
    style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
    returnKeyType="done"
    onSubmitEditing={() => Keyboard.dismiss()}
  />
  

  你提到的iPad场景，系统默认就会为单行输入框显示Done按钮，不需要额外配置。

• Android端：系统本身在键盘右下角提供了明显的收起按钮，符合原生UX规范，建议保持默认。如果非要统一风格，同样设置returnKeyType="done"，Android键盘会显示Done按钮，配合onSubmitEditing也能实现点击收起键盘。

二、自定义键盘辅助栏（进阶场景） #

如果需要更个性化的按钮（比如显示「隐藏键盘」文字），可以自定义键盘辅助视图：

• 给TextInput添加inputAccessoryViewID属性，然后在页面中写一个带按钮的View，设置相同的accessibilityViewID，按钮点击时调用Keyboard.dismiss()即可。

内容的提问来源于stack exchange，提问作者dcsan