Ionic4新增底部tabs页面
默认情况通过ionic start demo tabs创建的项目只有3个tab切换页面。有时候我们想增加或者减少tabs切换页面。下面我们就看看Ionic4.x中新增减少底部tabs页面。
1、创建tab4模块
ionic g page tab4
2、修改根目录里app-routing.module.ts 文件里面的路由配置,去掉默认增加的路由
3、tabs.router.module.ts 中新增路由
{ path: 'tab4', loadChildren: '../tab4/tab4.module#Tab4PageModule' }
4、tabs.page.html 中新增底部tab切换按钮
Tab OneTab TwoTab ThreeTab four