html底部导航栏-ionic学习日记3：android顶部导航栏

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

我在那里制作了 4 个选项卡html底部导航栏，因此我需要添加 4 个额外页面。 这里就不详细说了，我自己来做。

返回 tab.ts

选项卡.ts

添加以下代码：

  tab1Root = OnsecondPage;
  tab2Root = TravelPage;
  tab3Root = ListPage;
  tab4Root = PersonPage;

OnsecondPage等是我自己新添加的页面。 每个页面都可以做其他事情。 这样就完成了android顶部导航栏的效果。 事实上，不要忘记稍后添加TabsPage和Added Pages

PS：实现跳转到TabsPage的特定界面，比如前面的疗效图，从LoginPage跳转到TabsPage时，默认是跳转到“时刻”选项卡，如果要跳转到默认对于其他选项卡，需要添加 selectedIndex="?"，问号是选项卡的位置，例如：

当我将值改为2时html底部导航栏，意味着当我从LoginPage跳转到TabsPage时，直接跳转到“分享”选项卡

后记

作为ionic的初学者，我发现和原生android开发还是有很多区别。 像这次的tab，我也是慢慢探索了很长一段时间，和团队其他成员一起探索的。 希望大家可以一起分享经验。 分享 分享