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

Posted 三杯五岳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Uniapp 动态修改状态栏导航栏背景色字体颜色插件 Ba-AppBar相关的知识,希望对你有一定的参考价值。

简介(下载地址

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 方法参数

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

setStatusBar 方法参数

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

系列插件

图片选择插件 Ba-MediaPicker文档

图片编辑插件 Ba-ImageEditor文档

文件选择插件 Ba-FilePicker文档

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

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

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

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

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

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

安卓保活插件 Ba-KeepAlive文档

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

自定义图片水印 Ba-Watermark文档

视频压缩插件 Ba-VideoCompressor文档

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

以上是关于Uniapp 动态修改状态栏导航栏背景色字体颜色插件 Ba-AppBar的主要内容,如果未能解决你的问题,请参考以下文章

修改状态栏的文字颜色和背景色

uni-app之pages.json文件(包括自定义导航栏的颜色)

android导航栏与状态栏颜色及透明度

uniapp 实现底部导航栏 - tabBar的使用方法

uniapp 实现底部导航栏 - tabBar的使用方法

Android标题栏状态栏图标文字颜色及背景动态变化