问题标签 [ionic-tabs]

我已经创建了标签页并通过选择器包含在我的 app.component.html 文件中我的问题是我想在某些特定页面中隐藏标签页，谁能帮我解决这个问题。下面我分享我创建标签页的代码。

tab.page.html

app.component.html

自从我实现了标签栏以来，我不再能够在不使用标签栏的情况下进行导航。我想在标签栏之外进行一些导航。

标签栏

选项卡路由

我不能再使用导航了

我也试过了，但还是失败了

我将 Ionic 与 React 一起使用。

在我的应用程序中，我同时拥有侧边菜单和选项卡。

在选项卡中，只有默认选项卡正常工作，其他选项卡显示空白屏幕。

我的代码如下：

1. App.tsx 如下所示

在此，下面的路线打开一个标签页

2. Tabs.tsx 看起来如下

3. Tab1.tsx 长这样

其他选项卡 Tab2.tsx 和 Tab3.tsx 看起来完全一样。

我有一个 Ionic/React v5.0.7 应用程序IonReactRouter来管理路由：

在我的一条路线（path={ROUTES.CONTRACTOR}）中，我正在尝试实现IonTabs需要拥有自己IonRouterOutlet的路线，因此我将选项卡作为嵌套路线，如下所示：

一切正常，直到我尝试创建动态导航到/contractor路由，这是选项卡路由器的根，使用history.push('/contractor')or <Redirect to="/contractor" />。

在我的登录组件中，我想自动重定向到ContractorDashboard用户是否通过身份验证。即成功登录后，用户应该被重定向到仪表板。我实现了以下内容：

发生的情况是地址栏中的 URL 已更改，但登录页面仍然可见，而不是ContractorDashboard. 我也试过这个：

结果是一样的。我可以在开发工具中看到承包商页面，但它没有呈现。
不过有几点注意事项：

• 当我尝试不同的事情时，结果会有点不同，比如推动/contractor/overviewinsted 的 just /contractor。然后承包商仪表板可见一秒钟，然后又是登录页面。
• 有时我确实得到了仪表板，但选项卡不可见。它在 DOM 中，并且光标事件在那里但仍然不可见。
• IonTabs在仪表板中使用之前，一切正常。
• 奇怪的是，当我尝试使用经过身份验证的用户通过地址栏导航到登录页面时，我被重定向到仪表板，一切正常。

我确实尝试用IonReactRouter这个答案Router中建议的from react-routerlike替换。然后从登录页面重定向有效，但选项卡会在每次选项卡更改时触发整个页面刷新，这只是糟糕的用户体验。

这是我的ionic info输出：

这是我的package.json：

那么有没有办法正确实现这一点以及如何实现呢？
如果此处缺少任何信息或代码，请告诉我。
任何帮助将不胜感激！

更新
所以对于任何有兴趣的人，我都放弃了寻找解决方案。相反，我实现了我自己的基本选项卡，没有路由（从来不明白为什么选项卡需要路由......）。
忽略样式很简单：

这就是拥有工作标签视图所需的全部内容（同样，如果没有一些样式，它看起来不会那么好）。
如果有人对标签问题有解决方案（实际上我不是 100% 确定导致问题的原因......我无法在 stackblitz 中重现......）我很想听听。
如果没有，我会将其发布为答案...

我正在使用 ionic2-super-tabs v4.3.1。我有 3 个用于组件内部的选项卡（它不是用于主导航。用作分段控件）。我已将组件设置为根。

首次加载页面时，默认选择选项卡 0。此选项卡的内容可见。选择第二个选项卡时，内容变为空。此外，再次选择第一个选项卡时，其内容也变为空。

仅在 iOS v14.5 及更高版本上才开始突然发生问题。所有其他 iOS 版本和 Android 都没有问题。

还有其他人面临类似的问题吗？如果有人设法解决此问题，请与我分享

子页面模块

子页面

子页面html