设置InAppBrowser或主题化浏览器高度以显示应用程序的底部选项卡

Question

我已经在离子论坛，stackoverflow等方面进行了搜索，但是我仍然没有找到答案。

我正在创建一个带有内置浏览器的ionic 4应用程序，我希望它像应用程序的一部分，并显示底部标签。

其他人建议使用iframe，但我不确定那是否很好，因为他们还说它在上传到Apple App Store时有问题。

我的文件夹结构：

• 标签文件夹
• 第1页文件夹（位于inappbrowser所在的位置）
• 第2页文件夹（此页面显示选项卡，没有问题）

这是第1页文件夹中的代码：

this.platform.ready().then(() => {
  const browser = this.iab.create(url, '_blank', {location:'no', 
  footer:'no', zoom:'no', usewkwebview:'yes', toolbar:'no'});
});

，这是选项卡文件夹的路由：

const routes: Routes = [{
  path: 'tabs',
  component: TabsPage,
  children: [
    {
      path: 'page1',
      children: [
        {
          path: '',
          loadChildren: '../page1/page1.module#page1Module'
        }
      ]
    }

我了解inAppBrowser涵盖了应用的所有部分，并且具有绝对位置，因此我正在考虑的解决方案是为inAppBrowser设置一个高度，以使其不会覆盖底部选项卡，但是这可能吗？

Answer 1

更新：我改用React Native。 由于React Native webview不在不同的图层中，因此可以插入到应用的任何部分。