【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 小程序 » 正文

微信小程序自定义tabbar

放大字体  缩小字体 发布日期:2020-06-11 18:33:04    浏览次数:10
导读

  今天遇到一个需求在小程序tabbar上做扫一扫的功能,但是官方提供的tabbar只能作为跳转页面使用,只能自定义tabbar来实现。  一、写一个view用绝对定位在页尾,上面放三个按钮其中两个navigateto跳转页面,中间的为扫一扫功能键。朋友说这种跳转的的时候会出现闪烁的bug,感觉有点low暂放。  二、好几个月没写网上搜

  今天遇到一个需求在小程序tabbar上做扫一扫的功能,但是官方提供的tabbar只能作为跳转页面使用,只能自定义tabbar来实现。

  一、写一个view用绝对定位在页尾,上面放三个按钮其中两个navigateto跳转页面,中间的为扫一扫功能键。朋友说这种跳转的的时候会出现闪烁的bug,感觉有点low暂放。

  二、好几个月没写网上搜了下demo发现官方提供了一个自定义tabbar的demo,下载了发现不难,但是遇到几个坑点,记录一下避免以后踩坑。

  然后是扫一扫的功能,我扫一扫在数组第二个下标为1,判断下标为1时不做页面跳转直接打开扫一扫的功能即可。

  ps:tabbar做功能键的时候要写个空白页面出来不要和其他tabbar页共用一个,中午懒省事耽误好久找问题。

  第四步、把官方给的使用方法放到tabbar跳转页的onShow方法里,selected根据list下标位置进行设置

 
关键词: 微信小程序tabbar
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-260774.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4