y***@sumbum.com.cn
y***@sumbum.com.cn
  • 发布:2020-01-16 10:09
  • 更新:2022-02-22 17:09
  • 阅读:7681

uniapp 开发APP暗黑模式怎么做?

分类:uni-app

uniapp 开发APP暗黑模式怎么做?

2020-01-16 10:09 负责人:无 分享
已邀请:
b***@163.com

b***@163.com

https://ask.dcloud.net.cn/article/36995

一枚小前端

一枚小前端 - 前端工程师

普通页面的样式,也就是你写的css样式,可以通过媒体查询写两套样式代码便可

@media (prefers-color-scheme: light) {} 这个放你的白天模式的样式代码

@media (prefers-color-scheme: dark) {} 这个放你的黑夜模式的样式代码

系统级的弹窗和导航栏,通过调用:plus.navigator.getUiStyle();获取当前主题模式,然后调用plus.nativeUI.setUiStyle();设置为获取到的主题模式即可。
同时调用 onUIStyleChange 监听你APP运行期间,系统主题改变,监听事件会返回主题模式结果,再调用plus.nativeUI.setUiStyle();进行设置即可。

  • 芥末饭团

    请问,关于uni-app的picker组件如何适配暗黑模式呢

    2020-05-07 10:27

  • 一枚小前端

    回复 芥末饭团: 这个我也没想到好的方法,要么自己封装组件,其他的也没想到好的方法。

    2020-05-20 14:54

1***@163.com

1***@163.com

就结束

xyzz

xyzz

前端需要用什么来判断,安卓手机的主题变化?

5***@qq.com

5***@qq.com - 伯爵

这个必须是要两套css 么

1***@qq.com

1***@qq.com

安卓可以实现么

该问题目前已经被锁定, 无法添加新回复