当前位置: 首页 > news >正文

uniapp修改原生导航栏样式、加图标、加文字、加点击事件 - 详解

1. uniapp修改原生导航栏样式、加图标、加文字、加点击事件

  uniapp或者uview的导航栏无法满足需求时,可用下面方法进行修改原生导航栏样式、加图标、加文字、加点击事件。

//设置页面全屏
onShow() {

this.initAluminumLiquidCodeList();
this.handleInit();
// #ifdef APP-PLUS
plus.navigator.setFullscreen(true);//隐藏手机顶部状态栏
plus.navigator.hideSystemNavigation();//隐藏手机底部导航按键
// #endif
},
//监听页面卸载事件 如果不加这句,会导致跳转到别的页面后也是全屏
onUnload() {

// #ifdef APP-PLUS
plus.navigator.setFullscreen(false);//显示手机顶部状态栏
plus.navigator.showSystemNavigation();//显示手机底部导航按键
// #endif
},

1.1. 实践思路

  (1)关闭按钮是使用原生button添加的close属性。(见page.json页面)
  (2)监听关闭按钮的方法。(onNavigationBarButtonTap)
  (3)写实现关闭webview所有页面的逻辑。

1.2. 标题栏添加文字代码

在这里插入图片描述

{

"path": "pages/index/index",
"style": {

"navigationBarTitleText": "英语",
"navigationStyle": "custom",
"app-plus": {

// "bounce": "none",
"titleNView": {

"buttons": [{

"text": "\uF3B0",
"fontSrc": "/static/MyFlutterApp.ttf",
"fontSize": "25px",
"float": "left",
"width": "65px"
}, {

"text": "\uEA07",
"fontSrc": "/static/MyFlutterApp.ttf",
"fontSize": "25px",
"float": "right",
"width": "65px"
}]
}
}
}
}

1.3. 标题栏添加图标

  (1)示例

http://www.fuzeviewer.com/news/23236/

相关文章:

  • 手机网站优化公司做配资网站多少钱
  • 网站设计要考虑的因素沃尔玛网上商城中国
  • 小企业网站 优帮云天宫山缆车多少钱
  • 苏州有啥好玩的地方seo优化的主要任务
  • 高邮市建设局网站首页网站内容要突出什么原因
  • wordpress整站密码访问公司网页怎么做
  • RK3576在智能工程机械中的应用|三屏八摄AI视觉解决方案
  • 百度站长平台注册it培训学校it培训机构
  • 怎么用nat做网站做网站爱
  • 上海建材网站建设风向 网站
  • 网站建设会计分录怎么做引航科技提供网站建设
  • 东莞网站搭建延边网站建设
  • 如何开网站需要多少钱网站推广服务报价表
  • 网站开发从整体上gudao网站建设
  • 足球网站界面设计陕西 网站建设首选公司
  • 建设工程发布公告的网站asp技校网站
  • 做企业网站接单怎么做快递网站的分点
  • 代做网站优化网站空间邮箱每年要续费吗
  • 花都建站上海网站制作公司
  • 网页与网站的区别是什么服务周到的上海网站建设公
  • 通辽网站制作公司网站关键词怎么选择
  • 网站做一样的算侵权么网站备案好处
  • 企业专业网站设计公企业注册信息查询单
  • 商务网站设计制作好的工具和方法有没有网站做悬赏的
  • 西安好的网站建设公司宁波有哪些公司做网站
  • 做培训网站如何自己开一个平台
  • 如何通过网站获取qqcod建站系统
  • 管理信息系统与网站建设有什么区别html网页小游戏代码
  • 简单 手机 网站 源码贵州做网站的
  • 关于申请开通网站建设的请示绍兴专业网站建设