如何在反应离子应用程序中将ios键盘返回按钮更改为下一步/完成？

Question

我正在尝试将我的离子反应应用程序中的返回按钮更改为下一步/完成按钮。我将它用于 redux 表单，我完全不知道这是否是我应该在 React 代码中执行的操作，或者是否是在 Xcode 中构建的 swift 代码中执行的操作。

如果有人可以引导我到正确的位置或包含该位置的链接，那就太好了。

Answer 1

从 Chrome 77+ 和 iOS Safari 13.4+ 开始，您可以使用该enterkeyhint属性。

\n

除其他外，在 Ionic 博客的以下帖子中提到了此属性：https://ionicframework.com/blog/keyboard-improvements-for-ionic-apps/

\n

\n

该enterkeyhint属性允许开发人员指定应为 \xe2\x80\x9cEnter\xe2\x80\x9d 键显示什么类型的操作标签或图标。使用可enterkeyhint让用户预览点击 \xe2\x80\x9cEnter\xe2\x80\x9d 键时会发生什么。此处应指定的值取决于用户正在执行的操作的上下文。例如，如果用户在搜索框中输入内容，开发人员应确保输入内容包含enterkeyhint="search".

\n

\n

根据HTML 标准，可用值有：

\n

\n
• enter：用户代理应该显示操作“输入”的提示，通常是插入新行。
\n
• done：用户代理应显示操作“完成”的提示，通常意味着无需再输入任何内容，并且输入法编辑器 (IME) 将关闭。
\n
• go：用户代理应该呈现操作“go”的提示，通常意味着将用户带到他们键入的文本的目标。
\n
• next：用户代理应该为“下一步”操作提供提示，通常将用户带到下一个将接受文本的字段。
\n
• previous：用户代理应该为“上一个”操作提供提示，通常将用户带到将接受文本的上一个字段。
\n
• search：用户代理应该为“搜索”操作提供提示，通常将用户带到搜索他们键入的文本的结果。
\n
• send：用户代理应该为“发送”操作提供提示，通常将文本传送到其目标。
\n

\n

感谢Stefan Judis制作的这份令人惊叹的开发表，您可以看到每个选项的外观

\n

\n

这是使用的示例enterkeyhint：

\n

<ion-item>\n  <ion-label>Message: </ion-label>\n  <ion-input enterkeyhint="send"></ion-input>\n</ion-item>\n

\n

\n

\n