小程序自定义组件终极攻略

本次开发场景为

使用uni-app开发框架开发微信小程序，由于要根据用户的权限进行定制底部菜单展示，所以要求使用自定义的tabbar。

~

小程序自定义组件最常规的有以下二种方式

1）基于小程序官方的原生自定义组件；

2）开发者自主开发的自定义组件；

相关文档

https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

对比分析

实现方式1

优势

基于微信原生的自定义组件，所以不管从交互还是UI更接近于原生，没有闪烁问题

缺点

1）由于这种开发方式需要在app.json里面对所有的tab页进行配置，而这里的配置项是有限制的，最多是五个，所以有这个限制，如果我们自定义的tab页，多于五个，此种实现方式是不现实的。

2）如果在非原生开发框架集成该方案，要进行适度改造才可以完成；

实现方式2：开发者自主开发的自定义组件；

优势，更加灵活，开发者有更多自主发挥的空间

缺点

1）因为页面在跳转的时候，存在一个跳页时的闪烁问题，这个闪烁问题是无解的

2）tab的高度需要开发者自主来控制；