问题标签 [ionic-tabs]

我正在开发一个 Ionic 4 项目，我已经生成了一个选项卡项目。

我想要做的是创建一个登录页面，这是默认页面。

当用户成功登录后，我想导航到选项卡。

当我试图这样做时，我得到了错误：

这些是我的路线：

在我的登录页面中，我有一个按钮，如下所示：

当我生成不同的页面时，我可以使用相同的方式导航到该页面。

我们如何更改 ionic 4 中的选项卡按钮标签大小？样式被锁定在 shadow-DOM 中：

:host(.layout-icon-top) .tab-btn{ --text-font-size: 20px; font-size: 20px }

我试过这样，但没有奏效。

I have create a new project with ionic start myApp blank

Now i need to add tab in to the project i have create folder tabs in pages and create two file inside tabs tabs.html tabs.ts in tabs.html

in tabs.ts

in app.module.ts i have add

and in app.component.ts i have change rootPage:any with rootPage:any = TabsPage;

but when i excute my code ionic serve i have noting in screen blank page look the image

ionic info

我在 ionic 3 中制作了一个应用程序，并在底部配置了一个 AdMob 横幅，它（几乎）完美地工作。每当我打开键盘然后关闭它时，底部的标签菜单就会滑到那个 AdMob 横幅后面。

截图：

我已经尝试添加边距或更改 app-nav 的高度，但所有这些都导致了奇怪的、不受欢迎的行为。

在设置页面上，我还有一个触发 EmailComposer 的按钮，当我之后关闭该电子邮件时，完全相同的事情再次发生。

当 AdMob 广告发生更改时，标签会直接跳回其原始位置（它们应该在的位置）。我还尝试销毁/隐藏广告，然后在键盘关闭时重新显示它，但这也没有改变任何关于行为的内容。

我有应用程序具有标签视图的要求。第四个选项卡有弹出框，并且该弹出框包含更多 3 个菜单，它们应该充当一个选项卡，这意味着它应该像其他 3 个选项卡一样打开。

我已经尝试过，但该页面没有显示，因为它没有将弹出页面设置为选项卡视图内的根页面。

tabs.html

选项卡.ts

tabPopover.html

tabPopover.ts

帮助将不胜感激！

我正在使用ion-tabs和ion-tab组件Ionic 3。目前，当用户在选项卡之间切换时，选项卡中的组件<ion-tab [root]="SomeComponent"></ion-tab>仅在用户第一次切换到它时才被初始化。之后，就不再调用ionViewDidLoador了ngOnInit。问题是：是否可以在选项卡更改时销毁组件，然后再对其进行初始化？

我在底部有 3 个标签，这是父标签。它通过 CLI 生成。我需要另外 2 个选项卡在顶部，这将是第二个选项卡的子项。我正在使用Ionic 4最新版本。有什么办法可以实现。我找不到解决方案。提前致谢

我正在使用Ionic 4并使用 Tabs 布局。

我必须设计标签项目，如

为此， tabs.page.html 就像

为了使按钮变圆，这里是css

这在开发时在浏览器中看起来很好（上图）。但是在生成 apk 之后，它在 Android 设备中看起来像下图。上部被剪裁或隐藏在页面视图下方。

我尝试增加 z-index 值但没有运气。

我尝试应用以下 css 但没有奏效。

*.scss

*.html

我正在为我的前端 angular ionic 应用程序使用 ion-tabs。我正在使用嵌套选项卡，所以第一个离子选项卡有 3 个选项卡，选项卡 1、选项卡 2、功能选项卡和功能选项卡有 3 个选项卡，选项卡 4、选项卡 5、选项卡 6。我使用了 Angular 路由。

所以路线如下所示：

1. 选项卡/选项卡1，
2. 标签/标签2，
3. 选项卡/功能选项卡/tab4，
4. 选项卡/功能选项卡/tab5，
5. 选项卡/功能选项卡/tab6

选择 feature-tabs 时的问题 Tab 4 默认情况下是活动路由，但 ion-tab-button 中的属性“tab”与路由中的路径（即 tab =“tab4”）保持相似时默认推荐选项卡 4 有效，但选择/单击选项卡会出现无法匹配任何路线的错误。URL 段：'tabs/tab1'。这意味着 ion-tab-button 的 'tab' 属性是指父选项卡。当我将 ion-tab-button 中的属性“tab”更改为“feature-tabs/tab4”（不推荐）时，一切正常，但 ion-tab-button 的 --color-selected CSS 属性不起作用. 但我的问题是为什么 tab 属性指的是专利选项卡，我如何才能引用子功能选项卡？

我已经厌倦了更改 CSS 属性，但它根本不起作用，

这是我的标签路由，

这是标签 html，

这是我的功能选项卡路线：

这是功能选项卡的 html：