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

Question

我正在使用 ThemeableBrowser 插件

cordova-plugin-themeablebrowser 0.2.17 "ThemeableBrowser"

在我的 Ionic 3 项目中。在所有设备上它都运行良好，最近我尝试按照官方 ios11 清单 - https://blog.ionicframework.com/ios-11-checklist/

更新应用程序以在 iPhone X 上正确显示

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

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

是否有任何其他可能的解决方法？

Answer 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;`

这解决了内容偏移的问题

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

Ionic plugin ThemeableBrowser offset issue on iPhone X

iphone

ios

cordova

inappbrowser

ionic3