如何在 iOS 的键盘上方添加完成按钮？

【问题标题】：How to add the Done button above the keyboard for iOS?如何在 iOS 的键盘上方添加完成按钮？
【发布时间】：2021-07-20 20:39:18
【问题描述】：

根据下面的屏幕截图是我想要实现的。注意完成按钮的位置。在 React Native 中，我们有 textInput 的 returnKeyType 属性，但这会设置右下角按钮的值。

我看过这个包裹； https://github.com/ardaogulcan/react-native-keyboard-accessory

这似乎可以工作，但不知道是否有更好的方法来做到这一点。加上输入框的数量，我可能需要一段时间来重构。

【问题讨论】：

标签： ios react-native mobile keyboard

【解决方案1】：

如果您从 react-native 导入 Keyboard，则将其添加到代码顶部。用 DismissKeyboard 包围你的代码，这样当你点击屏幕上的任意位置时键盘就会关闭

const DismissKeyboard = ({children}) => (
    <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}>{children}</TouchableWithoutFeedback> 
);

<DismissKeyboard> Code </DisissKeyboard>

【讨论】：

这是有道理的 - 问题是我正在处理的项目的要求必须在视觉上看起来像上面的屏幕截图，其中完成按钮位于键盘上方。我正处于我认为我应该编写自己的组件来执行此操作的地步。奇怪的是，这不适用于 React Native 或很难找到。
嗯，好吧，我不认为有什么东西已经可用了。最好的选择是设计自己的组件。