iPhone X 上的 Ionic 插件 ThemeableBrowser 偏移问题答案

【问题标题】：Ionic plugin ThemeableBrowser offset issue on iPhone XiPhone X 上的 Ionic 插件 ThemeableBrowser 偏移问题
【发布时间】：2018-05-30 14:57:58
【问题描述】：

我正在使用 ThemeableBrowser 插件

cordova-plugin-themeablebrowser 0.2.17 "ThemeableBrowser"

在我的 Ionic 3 项目中。在所有设备中它都运行良好，最近我尝试更新应用程序以在 iPhone X 上正确显示，遵循官方 ios11 清单 - https://blog.ionicframework.com/ios-11-checklist/

我遇到的所有问题都得到了解决，除了 ThemeableBrowser，它会打开带有负偏移量的页面。我尝试按照 HERE 的建议使用可主题化浏览器的 insertCss 方法，但这也不起作用。

这是页面打开时的初始状态：

还有其他可能的解决方法吗？

【问题讨论】：

标签： ios iphone cordova ionic3 inappbrowser

【解决方案1】：

我通过编辑 CDVThemableBrowser.m 解决了这个问题 - 所有 iOS 设备都有一个明显的错误，它在 iPhone X 上更明显，因为它有更大的状态栏。设置 webview 位置的 rePositionViews 不会将 statusBar 高度添加到它的 Y 位置

我变了：

- (void) rePositionViews {
  CGFloat toolbarHeight = [self getFloatFromDict:_browserOptions.toolbar withKey:kThemeableBrowserPropHeight withDefault:TOOLBAR_DEF_HEIGHT];
  CGFloat webviewOffset = _browserOptions.fullscreen ? 0.0 : toolbarHeight;`

收件人：

- (void) rePositionViews {
  CGFloat toolbarHeight = [self getFloatFromDict:_browserOptions.toolbar withKey:kThemeableBrowserPropHeight withDefault:TOOLBAR_DEF_HEIGHT];
  CGFloat statusBarOffset = [self getStatusBarOffset];
  CGFloat webviewOffset = _browserOptions.fullscreen ? 0.0 : toolbarHeight + statusBarOffset;`

这样就解决了内容偏移的问题

【讨论】：

不错的答案！如果您可以在 repo 中提交 PR 以在插件的下一个版本中解决此问题，我会很棒:)
谢谢@sebaferreras，我在这里创建了一个 PR github.com/initialxy/cordova-plugin-themeablebrowser/pull/170，但是在相当长的一段时间内，该 repo 上没有太多活动..
精彩的答案！这解决了我在 iPad 设备上的问题。