当前位置:   article > 正文

uni-app 中的 tabBar_uniapp中tabbar是什么

uniapp中tabbar是什么

uni-app 中的 tabBar 是什么?

如果应用是一个多 tab 应用,可以通过tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页。

例如京东移动网页底部就是 tabBar,如下图:

注意事项:

  •  当设置 position 为 top 时,将不会显示 icon
  • tabBar 中 list 是一个数组,只能配置最少2个、最多5个tab,tab按数组的顺序排序
  • tabBar 切换第一次加载时可能渲染不及时,可以在每个 tabBar 页面的 onLoad生命周期中 先弹出一个等待雪花
  • tabBar 的页面展示过一次以后就保存在内存中,再次切换 tabbar 页面,只会触发每个页面的 onShow,不会再触发 onLoad
  • 顶部的 tabBar 目前仅微信小程序上支持。需要用到顶部选项卡的话,可以使用 hello uni-app 中模块的 顶部选项卡

属性说明:

属性 类型 必填 默认值 描述 平台差异说明
col
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/86384
推荐阅读