Cordova InAppBrowser 上边距

Question

我正在尝试自定义 Cordova InAppBrowser 以在 webView 中添加上边距。

我想使用应用内浏览器，但在屏幕顶部显示一个 50 像素的导航栏，并带有用于关闭 InAppBrowser 的后退按钮。

当前使用 iOS 版本，我正在尝试将 View 的原点更改为 y = 50，但它不起作用。

CGRect theFrame = self.inAppBrowserViewController.view.frame;
theFrame.origin.y = 50;
theFrame.size.height = theFrame.size.height - 50;
self.inAppBrowserViewController.view.frame = theFrame;

它总是在 View 底部留下可用空间。

Answer 1

我发现 Cordova-OverAppBrowser 做得很好，至少对于 Android https://github.com/etabard/Cordova-OverAppBrowser (支持 OSX，但我还没有测试过)。

您可以创建一个新浏览器并指定 X、Y、宽度和高度。最后一个参数是动画淡入淡出:

var oab = new OverAppBrowser($stateParams.input, 0, 50, 400, 400, true);

如果您使用的是 ionic，请确保在离开 View 时关闭浏览器窗口:

$scope.$on('$ionicView.leave', function() {
    oab.close();
});

直接从 github 获取它是我唯一可行的解​​决方案:

cordova plugin add https://github.com/etabard/Cordova-OverAppBrowser