简介(下载地址)

Ba-AppBar 是一款动态修改状态栏、导航栏背景色、字体图标颜色插件。

效果展示

使用方法

script 中引入组件

 const appBar = uni.requireNativePlugin('Ba-AppBar')

script 中调用

     methods: {setStatusBar() {//设置状态栏appBar.setStatusBar({'statusColor': "#ff0000", //状态栏背景色,默认 #fff'isDarkFont': false, //状态栏字体是否为深色,默认 true});},setNavigationBar() {//设置导航栏appBar.setNavigationBar({'navigationColor': "#ff0000", //导航栏背景色,默认 #000'isDarkIcon': false, //导航栏图标是否为深色,默认 false});},}

setStatusBar 方法参数

属性名 类型 默认值 说明
statusColor String ‘#fff’ 状态栏背景色,默认 #fff
isDarkFont Boolean true 状态栏字体是否为深色,默认 true

setStatusBar 方法参数

属性名 类型 默认值 说明
navigationColor String ‘#000’ 导航栏背景色,默认 #000
isDarkIcon Boolean false 导航栏图标是否为深色,默认 false

系列插件

图片选择插件 Ba-MediaPicker (文档)

图片编辑插件 Ba-ImageEditor (文档)

文件选择插件 Ba-FilePicker (文档)

应用消息通知插件 Ba-Notify(文档)

应用未读角标插件 Ba-Shortcut-Badge (文档)

应用开机自启插件 Ba-Autoboot(文档)

扫码原生插件(毫秒级、支持多码)Ba-Scanner-G(文档)

扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner(文档)

动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar(文档)

原生sqlite本地数据库管理 Ba-Sqlite(文档)

安卓保活插件(采用多种主流技术) Ba-KeepAlive(文档)

安卓快捷方式(桌面长按app图标) Ba-Shortcut(文档)

自定义图片水印(任意位置) Ba-Watermark(文档)

最接近微信的图片压缩插件 Ba-ImageCompressor(文档)

视频压缩、视频剪辑插件 Ba-VideoCompressor(文档)

动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon(文档)

原生Toast弹窗提示(穿透所有界面、穿透原生;自定义颜色、图标 ) Ba-Toast(文档)

图片涂鸦、画笔 Ba-ImagePaint(文档)

pdf阅读(手势缩放、显示页数) Ba-Pdf(文档)

声音提示、震动提示、语音播报 Ba-Beep(文档)

websocket原生服务(自动重连、心跳检测) Ba-Websocket(文档)

Uniapp 动态修改状态栏、导航栏背景色、字体图标颜色插件 Ba-AppBar相关推荐

  1. uniapp动态显隐导航栏图标

    uniapp动态显隐导航栏图标 实现思路: 将图标的宽度设置为0,就可以将图标隐藏 上代码: var pageView= this.$mp.page.$getAppWebview(); if(&quo ...

  2. 【uni-app】修改原生导航栏文字和文字样式

    修改文字 uni.setNavigationBarTitle({//这是修改后的导航栏文字title: "首页" }) 修改文字颜色以及导航栏背景色 uni.setNavigati ...

  3. 动态修改浏览器导航栏图标和文字

    1.设置网站标题 let title = ""; // 网站标题 document.title = title; // 动态修改网站标题 let title = "&qu ...

  4. wift3.0设置导航栏,标题,字体,item颜色和字体大小

    swift3.0设置导航栏(navigationBar)背景颜色,标题颜色和字体大小,item颜色 1 2 3 4 5 6 7 8 //设置导航栏背景颜色 self.navigationControl ...

  5. bootstrap34-带有导航栏的字体图标

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  6. uni-app h5修改浏览器导航栏的 title以及icon

    1.title 在pages.json文件中修改:"navigationBarTitleText":"uni-app" 2.icon的修改 2.1 在stati ...

  7. uniapp h5修改浏览器导航栏的 title

    方法1 uni.setNavigationBarTitle({title:"我的"}); 方法2 在pages.json 里面的 设置整个项目的title "global ...

  8. ios android 字体颜色,iOS-修改导航栏文字字体和颜色

    ASP.NET MVC搭建项目后台UI框架-9.服务器端排序 ASP.NET MVC搭建项目后台UI框架-1.后台主框架 ASP.NET MVC搭建项目后台UI框架-2.菜单特效 ASP.NET MV ...

  9. uniapp 动态修改导航栏 之前使用this.$mp.page page提示未定义

    uniapp 动态修改导航栏 // 使用条件编译 防止H5报错// #ifdef APP-PLUSlet pages = getCurrentPages();let page = pages[page ...

  10. Android界面全屏适配7.0、动态修改状态栏颜色、浅色状态栏深色字体

    https://www.jianshu.com/p/e93787e23d3b 在需要置顶的界面添加主题TopTheme 为了适配要创建多个value文件夹,名称不能错 styles.xml <! ...

最新文章

  1. Nvidia推边缘运算平台EGX 未来将提供企业AI模型参考框架
  2. matlab字母随机排列,matlab_一组数据元素随机排列
  3. Merge Intervals
  4. mybatis plus 使用函数_这些Mybatis-Plus使用技巧,太火了
  5. 随机文件名生成可用于文件上传(图片)
  6. c#中out和ref的使用区别 [转]
  7. 源恩教育计算机,源恩计算机二级
  8. axure9 邮件点击效果_EDM邮件营销,你不得不知道的8个指标?
  9. zabbix 搭建笔记
  10. 通信模块开发 c语言,I2C通信模块c语言库文件
  11. 60-100-030-使用-Docker MySQL 8 主从复制
  12. JasperReport生成PDF中文不显示处理
  13. 使用带Arduino IDE WIZ820io的ATmega1284P
  14. 不要经常让别人抄袭你的报告,否则他们会学会Word排版的艺术
  15. 公司用的非标普通自动化用单片机还是plc_高级电气自动化工程师必备十大技能...
  16. 卡诺模型案例分析_卡诺模型及使用
  17. java 找不到符号
  18. 钱币兑换问题c语言编程,关于兑换货币问题
  19. 八国离线谷歌卫星影像地图内网发布
  20. 次奥,搞定奇怪bug

热门文章

  1. 灵遁者第一部诗歌集《触摸世界》上集40首诗歌欣赏
  2. FireFox更改缓存路径
  3. Reducing Participation Costs via Incremental Verification for Ledger Systems学习笔记
  4. cd 命令行进入目标文件夹
  5. 幼儿园体育游戏电子计算机教案,【小班体育活动】_小班体育教案100篇_小班体育游戏活动教案5篇...
  6. 硬件设计-DIY功放
  7. 给IT新人的15个建议:苦逼程序员的辛酸反省与总结 - 博客 - 伯乐在线
  8. 2022年的国外广告联盟,合格的EMU者有你吗?
  9. IO操作(Java版)
  10. 30天自制操作系统 第2天