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

分类：uni-app

uniapp uniapp插件

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

5 赞关注分享

16 个评论

要回复文章请先登录或注册

DCloud_heavensoft

回复 jspeng ：

切换到原生选项卡页面的api是uni.switchTab，http://uniapp.dcloud.io/api/ui/navigate?id=switchtab

2018-09-22 15:32

jspeng

回复 DCloud_heavensoft ：

请问你说的第二点，如果我把这个导航需要在二级页面显示，点击切换回首页的page，这个怎么实现？可以先选择制定跳转到某个页面吗？按照是说的这个父页面（首页）已经存在并没有关闭，子页面（二级页面）通过底部导航栏切换回父页面时能重新生成页面吗？还是说先把父页面关闭？

2018-09-22 11:15

3***@qq.com

回复 DCloud_heavensoft ：

如果官方出一个使用plus.nativeObj.view的api自定义的demo 会给我们很大帮助的

2018-09-21 14:35

DCloud_heavensoft

回复 jspeng ：

这个不会。mui里只有webview的tabbar才可能有你说的问题，早就废掉双webview了，mui的tabbar底部也是nview的。

2018-08-24 11:25

jspeng

回复 DCloud_heavensoft ：

请问这个凸起会被新page页盖住吗？就像mui的凸起会被新view把超出部分盖住一样

2018-08-24 11:04

DCloud_heavensoft

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

2018-08-24 04:40

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

16 个评论

目录

公告

相关问题