问题:在使用自定义组件的时候可以看到页面切换明显的闪烁, 这种体验是很不好的, 当然最好的方式就是使用原生导航栏, 不要搞花里胡哨的东西。
来看下体验不好的效果

优化调整
先说思路,就是仍然设置原生 tabbar, 在应用启动的时候主动隐藏原生 tabbar, 然后使用自定义组件来进行位置占位。
在 page.json 里面设置对应的tabbar字段,
"tabBar": {
"color": "#727477",
"selectedColor": "#196FFF",
"borderStyle"