uniapp自定义底部导航,带凸起

使用swipe组件实现左右切换页面.
github:自定义底部导航
示例图


4 分享 关注
DCloud_heavensoft DCloud_客服_Trust 458237671@qq.com ChartWay
791758820@qq.com

791758820@qq.com

你这个是单独的一个页面 ,使用的时候呢?因为实现方式是里面使用swiper 所以只要这个一个页面?那要是点击分类,在分类页下面还想有这个tabbar,可以实现吗?还是说需要在分类页下也引入这个组件?
0 赞 2018-12-04 18:28
375890534@qq.com

375890534@qq.com

这个是属于nativeobj,全局存在的。跳转二级页面时,这个按钮还存在,应该怎么处理比较好呢?
0 赞 2018-12-02 12:32
DCloud_heavensoft

DCloud_heavensoft 回复 jspeng

切换到原生选项卡页面的api是uni.switchTab,http://uniapp.dcloud.io/api/ui/navigate?id=switchtab
0 赞 2018-09-22 15:32
jspeng

jspeng 回复 DCloud_heavensoft

请问你说的第二点,如果我把这个导航需要在二级页面显示,点击切换回首页的page,这个怎么实现?可以先选择制定跳转到某个页面吗?按照是说的这个 父页面(首页)已经存在并没有关闭,子页面(二级页面)通过底部导航栏切换回父页面时 能重新生成页面吗?还是说先把父页面关闭?
0 赞 2018-09-22 11:15
378860743@qq.com

378860743@qq.com 回复 DCloud_heavensoft

如果官方出一个使用plus.nativeObj.view的api自定义的demo 会给我们很大帮助的
1 赞 2018-09-21 14:35
DCloud_heavensoft

DCloud_heavensoft

补充下用plus.nativeObj.view自定义tab的例子:http://ask.dcloud.net.cn/article/35036
0 赞 2018-09-20 22:05
DCloud_heavensoft

DCloud_heavensoft 回复 jspeng

这个不会。mui里只有webview的tabbar才可能有你说的问题,早就废掉双webview了,mui的tabbar底部也是nview的。
0 赞 2018-08-24 11:25
jspeng

jspeng 回复 DCloud_heavensoft

请问这个凸起会被新page页盖住吗?就像mui的凸起会被新view把超出部分盖住一样
0 赞 2018-08-24 11:04
DCloud_heavensoft

DCloud_heavensoft

这个自定义tabbar组件比较灵活,它不是原生的,可以自己随意调整。
但和原生自定义组件相比,也会有性能体验问题要注意:
1. 如果每个tab点击是切换不同的view,这个就相当于单页应用了,当页面比较复杂时,在低端安卓上会比较卡。尤其是tab里有长列表滚动时。所以使用自定义组件的tabbar就尽量避免太多复杂页面。
2. 如果每个tab点击是切换不同的page,不会有上面的性能问题,但这会引发新页面进入时动画从右向左移动。感受也有点诡异。
当然原生tabbar虽然体验好,但自定义性不足。这个需要开发者根据自己的需求来平衡选择。
另外其实在app侧,原生tabbar也可以使用plus.nativeObj.view的api自定义,但对nview不熟的开发者用起来会比较复杂
1 赞 2018-08-24 04:40

要回复文章请先登录注册