uniapp 开发APP暗黑模式怎么做?
![y***@sumbum.com.cn](https://img-cdn-tc.dcloud.net.cn/account/identicon/d3a35068d27252bde6e152ab019f50a6.png)
y***@sumbum.com.cn
- 发布:2020-01-16 10:09
- 更新:2022-02-22 17:09
- 阅读:8718
7 个回复
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
就结束
DCloud_uni-ad_HDX
uni-app 监听主题变化(ios13+) https://uniapp.dcloud.io/api/system/theme?id=onuistylechange
xyzz
前端需要用什么来判断,安卓手机的主题变化?
一枚小前端
安卓的目前还没兼容到吧
2020-04-24 11:06
5***@qq.com - 伯爵
这个必须是要两套css 么
1***@qq.com
安卓可以实现么