pickled
pickled
  • 发布:2025-10-24 15:05
  • 更新:2025-10-30 10:38
  • 阅读:288

解决uniapp鸿蒙适配深色模式的问题

分类:鸿蒙Next


我们在启动项目的时候就遇到了第一个难题,就是我们真机调试的时候报 no signature file. 没有签名文件怎么办呢?这个时候我们只需要在华为开发者联盟官网https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/harmonyOSDevPlatform/172249065903274453新建一个包名如图所示


这个时候我们再回到Hbuilder X中找到我们的项目中的manifest.json文件填入包名自动获取调试证书就可以启动真机调试啦,如图所示


要点击自动申请调试证书,然后再保存,再重新启动项目就能运行啦


接下来我们来适配深色模式,为什么要适配深色模式呢,是因为最近鸿蒙提交审核意见要求要适配深色模式,所以我们也来适配一个深色模式,那么我们在鸿蒙系统中怎么适配深色模式呢?
1.首先我们先适配底部的tabbar区域每个tabbar要准备两套图标,也就是一个tabbar要准备四张icon,如果你有2个tabbar就要准备8张icon

  1. 我们在根目录新建一个文件theme.json,并在manifest.json中的源码视图增加"darkmode" : true,"themeLocation" : "theme.json"这两个属性如下图所示


然后配置them.json如图所示

现在深色模式就生效了

注意一定要使用Hbuilder X4.83+版本以上!否则有可能不生效Hbuilder X4.83+! Hbuilder X4.83+! Hbuilder X4.83+!

4 关注 分享
DCloud_CHB 青衫行者 唐家三少 小疯子呵

要回复文章请先登录注册

2***@qq.com

2***@qq.com

我也是按照这个设置的,但是切换系统模式后,没有生效呀
2025-10-30 10:38