如何在 Ionic 5 的 InappBrowser 的 IOS 设备中显示“返回”选项？

Posted 2023-02-23

【中文标题】如何在 Ionic 5 的 InappBrowser 的 IOS 设备中显示“返回”选项？

【英文标题】：How to show "Back" option in IOS devices for InappBrowsers in Ionic 5?

【发布时间】：2021-03-09 08:15:57

【问题描述】：

我在 Ionic 5 项目中使用 InAppBrowser Plugin。我的期望是在 InappBrowser 中有一个可见的后退按钮，以便返回到原始应用程序（通常存在于 ios 中），但根据我当前的实现，后退选项在 ios 设备中不可见。 下面是我正在使用的代码 -

this.inAppBrowser.create(url, '_blank', location: 'no', hardwareback: 'yes', fullscreen: 'no' );

【参考方案1】：

在 iOS 中没有“返回”按钮，而是“完成”按钮（同样，将您带回应用程序）。它应该已经显示，您无法禁用它，因此您应该会看到一个蓝色的“完成”按钮。

如果位置为 false，则不会出现“完成”按钮。然后您需要将选项“footer”设置为 true，以在底部显示“完成”按钮。

使用选项 closebuttoncolor 和 closebuttoncaption 您可以更改文本和颜色，因此将文本更改为“返回”。

【讨论】：

在我目前的实现中，我在屏幕上方看不到任何东西，实际上 inappbrowser 正在接管整个屏幕。

您需要将选项页脚设置为true。我更新我的答案