大多数方法通过封装组件实现uniapp的自定义tabbar，但这会导致性能和体验问题。uview的tabbar组件虽样式美观，但也存在引用繁琐、页面跳转空白等缺点。本文提出直接修改uniapp源码，既能保持样式灵活性，又能避免上述问题，实现了样式和性能的优化，包括重写样式和JS，添加新属性，以及图标阴影自定义等特性。
全网上大多数方法就是写一个自定义样式的tabbar 然后封装成组件 最后再自己现实跳转功能
但是这样做无论是性能或体验来说都是很差的
最近好像uview挺火的，他们也写了一个tabbar组件。然后引用一下他对自己写的tabbar评价
确实自定义tabbar会出现这些问题。
缺点：1、需要在每一个需要tabbar页面引用这个组件，再设定好相应的激活值
2、跳转的时候屏幕上会出现短暂的空白，网络不好的时候还会很严重
3、如果没有记错，滚动条好像也不会保存，切换回去会回到顶部
优点：样式好看。
那可不可以兼容两者的优点，规避掉那些致命的缺点呢。
当然可以。
我们可以直接修改uniapp的源码，就可以达到目的
他tabbar的源码我都删了，然后自己写。我修改了h5端的源码，其他端也一样。
从样式到js重做。还增加了一些属性，甚至还给图标加了阴影自定义属性。
完美~
扫一扫
3192
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
