在工作过程中常常会遇到原生tabBar不适配项目UI的情况,这种时候就需要用到自定义tabBar了。

在uniapp也有提到自定义tabBar

下面就开始自定义tabBar的流程

 

 以上为自定义tabBar的方法。

注意事项,

1、必须现在pages.json内注册barBar。
2、uni.hideTabBar();在自定义tabBar组件内调用,在其他页面可能会失败。
3、必须是uni.switchTab(OBJECT)的跳转方式

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐