uniapp设置状态栏颜色

Posted 2023-04-06

参考技术A onReady()
    //动态修改状态栏的颜色
    uni.setNavigationBarColor(
        frontColor: '#000000',
        backgroundColor: '#ff0000'
    )
,

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

属性名	类型	默认值	说明
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（文档）

扫码原生插件（毫秒级、支持多码）（文档）