当前位置:   article > 正文

uni-app自定义导航栏按钮以及事件、禁用原生导航栏_uni.setnavigationbarrightbutton

uni.setnavigationbarrightbutton

1、uni-app自定义导航按钮

配置pages.json--titleNView

  1. {
  2. "path": "pages/address/address",
  3. "style": {
  4. "navigationBarTitleText": "首页",
  5. "enablePullDownRefresh": false,
  6. "titleNView": {
  7. "buttons": [{ //右侧操作按钮样式定义,是以数组形式定义,可定义多个
  8. "color": "#ffffff",
  9. "fontSize": "50rpx",
  10. "float": "right", //导航栏的左右位置
  11. "type": "back" //按钮类型,
  12. },
  13. { //右侧操作按钮样式定义,是以数组形式定义,可定义多个
  14. "color": "#ffffff",
  15. "fontSize": "50rpx",
  16. "float": "right", //导航栏的左右位置
  17. "type": "back" //按钮类型,
  18. }
  19. ]
  20. }
  21. }
  22. },

 2、uni-app自定义导航栏按钮事件

  1. onNavigationBarButtonTap(val) {
  2. if (val.index == 1) {
  3. console.log("第一个按钮");
  4. };
  5. if (val.index == 0) {
  6. console.log("第二个按钮");
  7. }
  8. },

3、禁用原生导航栏---pages.json

4、自定义导航栏文字

  1. onLoad(options) {
  2. console.log('options', options)
  3. uni.setNavigationBarTitle({
  4. title: options.title
  5. })
  6. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/652020
推荐阅读
相关标签
  

闽ICP备14008679号