标签：自定义 预览 res 程序 tabbar store 真机

前言

• 最近做个小程序又用上了自定义tabbar，和上一次使用自定义tabbar已经间隔很久了，这次又踩了些新的经验。

自定义tabbar真机调试或者预览不显示

• 在开发工具上看一切正常，结果去真机调试或者预览就不显示了。
• 注意！真机调试不显示是正常情况，预览不显示就不正常，请使用预览查看自定义tabbar显示情况。只要预览能显示，那么发体验版在体验版就能看见。
• 如果2者都不显示，请注意是否使用了除CoverView与CoverImage以外的标签，如果使用这2以外的标签，是看不见效果，虽然开发工具那模拟机能看见。

自定义tabbar状态更新异常

• 这个是我在用taro时制作发现的，将currentIndex存入store，之后切换会产生问题，一共3个按钮前2个都正常，点击第三个就会跳到第一个去。就算强制刷新也不行。后来发现是单组件connect与hooks混用造成的bug。解决方法就是全套使用类组件或者函数组件。

• 自定义tabbar切换还需要个隐藏的api，否则当别的页面跳回来容易不进行高亮：

wx.onAppRoute((route) => {
  const res = tabbarPaths.findIndex((v) => v === route.path);
  if (res > -1) {
    store.dispatch(switchTab(res));
  } else {
    store.dispatch(switchTab(-1));
  }
});

标签：自定义,预览,res,程序,tabbar,store,真机
来源： https://blog.csdn.net/yehuozhili/article/details/116308868

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。