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

简介(下载地址)

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

  • 支持状态栏(背景色按RGB格式(如“#ffffff”)随意修改;字体可设置是否深色)
  • 支持导航栏(背景色按RGB格式(如“#ffffff”)随意修改;图标可设置是否深色)

效果展示

Uniapp 动态修改状态栏、导航栏背景色、字体图标颜色插件 Ba-AppBar_第1张图片

使用方法

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(文档)

你可能感兴趣的:(uni-app,状态栏,导航栏,动态修改,uniapp)