设置 InAppBrowser 或 Themeable Browser 高度以显示应用程序的底部选项卡

Question

我在 ionic 论坛、stackoverflow 等上搜索过这个问题，但仍然没有找到答案。

我正在创建一个带有 inappbrowser 的 ionic 4 应用程序，我希望它像应用程序的一部分一样显示底部选项卡。

其他人建议使用 iframe，但我不确定这是否好，因为他们还说它在上传到苹果应用商店时有问题。

我的文件夹结构：

• 标签文件夹
• 第 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不在不同的层，可以插入到应用程序的任何部分。