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

Question

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

如果有人可以指导我到正确的地方或有它的链接，那就太好了。

标签： iosreactjsionic4redux-formcapacitor

Answer 1

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

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

该enterkeyhint属性允许开发人员指定应为“Enter”键显示哪种类型的操作标签或图标。Usingenterkeyhint可以让用户预览当他们点击“Enter”键时会发生什么。此处应指定的值取决于用户正在执行的操作的上下文。例如，如果用户在搜索框中输入内容，开发人员应确保输入内容具有enterkeyhint="search".

根据HTML 标准，可用的值为：

• enter：用户代理应该为“输入”操作提供提示，通常插入一个新行。
• done：用户代理应该提示操作“完成”，这通常意味着没有更多的输入，输入法编辑器（IME）将被关闭。
• go：用户代理应该为操作“go”提供提示，通常意味着将用户带到他们键入的文本的目标。
• next：用户代理应该为“下一步”操作提供提示，通常将用户带到将接受文本的下一个字段。
• previous：用户代理应该为操作'previous'提供提示，通常将用户带到将接受文本的上一个字段。
• search：用户代理应该为“搜索”操作提供提示，通常将用户带到搜索他们输入的文本的结果。
• send：用户代理应该为操作“发送”提供一个提示，通常将文本传递给它的目标。

多亏了Stefan Judis制作的这个惊人的开发表，您可以看到每个选项的外观

下面是一个使用示例enterkeyhint：

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