Uniapp 动态修改状态栏、导航栏背景色、字体图标颜色插件 Ba-AppBar
简介(下载地址)
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相关推荐
- uniapp动态显隐导航栏图标
uniapp动态显隐导航栏图标 实现思路: 将图标的宽度设置为0,就可以将图标隐藏 上代码: var pageView= this.$mp.page.$getAppWebview(); if(&quo ...
- 【uni-app】修改原生导航栏文字和文字样式
修改文字 uni.setNavigationBarTitle({//这是修改后的导航栏文字title: "首页" }) 修改文字颜色以及导航栏背景色 uni.setNavigati ...
- 动态修改浏览器导航栏图标和文字
1.设置网站标题 let title = ""; // 网站标题 document.title = title; // 动态修改网站标题 let title = "&qu ...
- wift3.0设置导航栏,标题,字体,item颜色和字体大小
swift3.0设置导航栏(navigationBar)背景颜色,标题颜色和字体大小,item颜色 1 2 3 4 5 6 7 8 //设置导航栏背景颜色 self.navigationControl ...
- bootstrap34-带有导航栏的字体图标
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- uni-app h5修改浏览器导航栏的 title以及icon
1.title 在pages.json文件中修改:"navigationBarTitleText":"uni-app" 2.icon的修改 2.1 在stati ...
- uniapp h5修改浏览器导航栏的 title
方法1 uni.setNavigationBarTitle({title:"我的"}); 方法2 在pages.json 里面的 设置整个项目的title "global ...
- ios android 字体颜色,iOS-修改导航栏文字字体和颜色
ASP.NET MVC搭建项目后台UI框架-9.服务器端排序 ASP.NET MVC搭建项目后台UI框架-1.后台主框架 ASP.NET MVC搭建项目后台UI框架-2.菜单特效 ASP.NET MV ...
- uniapp 动态修改导航栏 之前使用this.$mp.page page提示未定义
uniapp 动态修改导航栏 // 使用条件编译 防止H5报错// #ifdef APP-PLUSlet pages = getCurrentPages();let page = pages[page ...
- Android界面全屏适配7.0、动态修改状态栏颜色、浅色状态栏深色字体
https://www.jianshu.com/p/e93787e23d3b 在需要置顶的界面添加主题TopTheme 为了适配要创建多个value文件夹,名称不能错 styles.xml <! ...
最新文章
- Nvidia推边缘运算平台EGX 未来将提供企业AI模型参考框架
- matlab字母随机排列,matlab_一组数据元素随机排列
- Merge Intervals
- mybatis plus 使用函数_这些Mybatis-Plus使用技巧,太火了
- 随机文件名生成可用于文件上传(图片)
- c#中out和ref的使用区别 [转]
- 源恩教育计算机,源恩计算机二级
- axure9 邮件点击效果_EDM邮件营销,你不得不知道的8个指标?
- zabbix 搭建笔记
- 通信模块开发 c语言,I2C通信模块c语言库文件
- 60-100-030-使用-Docker MySQL 8 主从复制
- JasperReport生成PDF中文不显示处理
- 使用带Arduino IDE WIZ820io的ATmega1284P
- 不要经常让别人抄袭你的报告,否则他们会学会Word排版的艺术
- 公司用的非标普通自动化用单片机还是plc_高级电气自动化工程师必备十大技能...
- 卡诺模型案例分析_卡诺模型及使用
- java 找不到符号
- 钱币兑换问题c语言编程,关于兑换货币问题
- 八国离线谷歌卫星影像地图内网发布
- 次奥,搞定奇怪bug
热门文章
- 灵遁者第一部诗歌集《触摸世界》上集40首诗歌欣赏
- FireFox更改缓存路径
- Reducing Participation Costs via Incremental Verification for Ledger Systems学习笔记
- cd 命令行进入目标文件夹
- 幼儿园体育游戏电子计算机教案,【小班体育活动】_小班体育教案100篇_小班体育游戏活动教案5篇...
- 硬件设计-DIY功放
- 给IT新人的15个建议:苦逼程序员的辛酸反省与总结 - 博客 - 伯乐在线
- 2022年的国外广告联盟,合格的EMU者有你吗?
- IO操作(Java版)
- 30天自制操作系统 第2天