简介(下载地址)
Ba-AppBar 是一款动态修改状态栏、导航栏背景色、字体图标颜色插件。
- 支持状态栏(背景色按RGB格式(如“#ffffff”)随意修改;字体可设置是否深色)
- 支持导航栏(背景色按RGB格式(如“#ffffff”)随意修改;图标可设置是否深色)
效果展示
使用方法
在 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-Shortcut-Badge (文档)
扫码原生插件(毫秒级、支持多码)Ba-Scanner-G(文档)
扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner(文档)
动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar(文档)
安卓保活插件(采用多种主流技术) Ba-KeepAlive(文档)
安卓快捷方式(桌面长按app图标) Ba-Shortcut(文档)
自定义图片水印(任意位置) Ba-Watermark(文档)
最接近微信的图片压缩插件 Ba-ImageCompressor(文档)
视频压缩、视频剪辑插件 Ba-VideoCompressor(文档)
动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon(文档)