Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
24d38d80
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
24d38d80
编写于
6月 06, 2024
作者:
DCloud-yyl
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update theme.md
上级
ab31f253
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
68 addition
and
64 deletion
+68
-64
docs/api/theme.md
docs/api/theme.md
+68
-64
未找到文件。
docs/api/theme.md
浏览文件 @
24d38d80
...
...
@@ -30,90 +30,94 @@ uni.setAppTheme({
<!-- UTSAPIJSON.setAppTheme.tutorial -->
## uni.on
OsThemeChange(callback) @onos
themechange
## uni.on
AppThemeChange(callback) @onapp
themechange
<!-- UTSAPIJSON.on
Os
ThemeChange.description -->
<!-- UTSAPIJSON.on
App
ThemeChange.description -->
<!-- UTSAPIJSON.onOsThemeChange.compatibility -->
**注意**
-
HBuilderX4.18版本为
[
uni.setAppTheme
](
#setapptheme
)
设置的 theme 值变化时触发监听回调,回调参数中的 appTheme 值可能是"light" | "dark" | "auto"。在 app 平台设置应用的 theme 值为 auto 后,需同时使用
[
uni.onOsThemeChange
](
#onOsThemeChange
)
监听系统主题变化来计算应用使用的主题。
-
HBuilderX4.19版本调整为 应用实际计算后使用的主题值发生变化时才触发监听回调,回调参数中的 appTheme 值只可能是"light" | "dark"。 在 app 平台设置应用的 theme 值为 auto 后,当系统主题发生变化时会自动计算决定是否触发回调,也就是说无需使用
[
uni.onOsThemeChange
](
#onOsThemeChange
)
监听系统主题变化。
<!-- UTSAPIJSON.on
OsThemeChange.param
-->
<!-- UTSAPIJSON.on
AppThemeChange.compatibility
-->
<!-- UTSAPIJSON.onOsThemeChange.returnValue -->
<!-- UTSAPIJSON.onAppThemeChange.param -->
<!-- UTSAPIJSON.onAppThemeChange.returnValue -->
```
uts
//callbackId 用于注销监听
val callbackId = uni.on
OsThemeChange((res: OsThemeChangeResult)
=> {
console.log("onOsThemeChange---", res.os
Theme)
val callbackId = uni.on
AppThemeChange((res: AppThemeChangeResult)
=> {
console.log("onAppThemeChange", res.app
Theme)
})
```
<!-- UTSAPIJSON.onOsThemeChange.tutorial -->
**注意:**
+
android 10、iOS 13 才开始支持深色模式主题
`dark`
,更低版本无法获取、监听OS的主题。
<!-- UTSAPIJSON.onAppThemeChange.tutorial -->
## uni.off
OsThemeChange(id) @offos
themechange
## uni.off
AppThemeChange(id) @offapp
themechange
<!-- UTSAPIJSON.off
Os
ThemeChange.description -->
<!-- UTSAPIJSON.off
App
ThemeChange.description -->
<!-- UTSAPIJSON.off
Os
ThemeChange.compatibility -->
<!-- UTSAPIJSON.off
App
ThemeChange.compatibility -->
<!-- UTSAPIJSON.off
Os
ThemeChange.param -->
<!-- UTSAPIJSON.off
App
ThemeChange.param -->
<!-- UTSAPIJSON.off
OsThemeChange.returnValue -->
<!-- UTSAPIJSON.off
AppThemeChange.returnValue -->
```
uts
val callbackId = uni.on
OsThemeChange((res: OsThemeChangeResult)
=> {
console.log("onOsThemeChange---", res.os
Theme)
val callbackId = uni.on
AppThemeChange((res: AppThemeChangeResult)
=> {
console.log("onAppThemeChange", res.app
Theme)
})
...
...
//...
//...
//注销监听
uni.off
OsThemeChange(callbackId)
uni.off
AppThemeChange(this.appThemeChangeId)
```
<!-- UTSAPIJSON.off
Os
ThemeChange.tutorial -->
<!-- UTSAPIJSON.off
App
ThemeChange.tutorial -->
## uni.on
AppThemeChange(callback) @onapp
themechange
## uni.on
OsThemeChange(callback) @onos
themechange
<!-- UTSAPIJSON.on
App
ThemeChange.description -->
<!-- UTSAPIJSON.on
Os
ThemeChange.description -->
<!-- UTSAPIJSON.on
App
ThemeChange.compatibility -->
<!-- UTSAPIJSON.on
Os
ThemeChange.compatibility -->
<!-- UTSAPIJSON.on
App
ThemeChange.param -->
<!-- UTSAPIJSON.on
Os
ThemeChange.param -->
<!-- UTSAPIJSON.on
AppThemeChange.returnValue -->
<!-- UTSAPIJSON.on
OsThemeChange.returnValue -->
```
uts
//callbackId 用于注销监听
val callbackId = uni.on
AppThemeChange((res: AppThemeChangeResult)
=> {
console.log("onAppThemeChange", res.app
Theme)
val callbackId = uni.on
OsThemeChange((res: OsThemeChangeResult)
=> {
console.log("onOsThemeChange---", res.os
Theme)
})
```
<!-- UTSAPIJSON.on
App
ThemeChange.tutorial -->
<!-- UTSAPIJSON.on
Os
ThemeChange.tutorial -->
## uni.offAppThemeChange(id) @offappthemechange
**注意:**
+
android 10、iOS 13 才开始支持深色模式主题
`dark`
,更低版本无法获取、监听OS的主题。
<!-- UTSAPIJSON.offAppThemeChange.description -->
## uni.offOsThemeChange(id) @offosthemechange
<!-- UTSAPIJSON.off
AppThemeChange.compatibility
-->
<!-- UTSAPIJSON.off
OsThemeChange.description
-->
<!-- UTSAPIJSON.off
AppThemeChange.param
-->
<!-- UTSAPIJSON.off
OsThemeChange.compatibility
-->
<!-- UTSAPIJSON.offAppThemeChange.returnValue -->
<!-- UTSAPIJSON.offOsThemeChange.param -->
<!-- UTSAPIJSON.offOsThemeChange.returnValue -->
```
uts
val callbackId = uni.on
AppThemeChange((res: AppThemeChangeResult)
=> {
console.log("onAppThemeChange", res.app
Theme)
val callbackId = uni.on
OsThemeChange((res: OsThemeChangeResult)
=> {
console.log("onOsThemeChange---", res.os
Theme)
})
...
...
//注销监听
uni.off
AppThemeChange(this.appThemeChangeId)
uni.off
OsThemeChange(callbackId)
```
<!-- UTSAPIJSON.off
App
ThemeChange.tutorial -->
<!-- UTSAPIJSON.off
Os
ThemeChange.tutorial -->
<!-- UTSAPIJSON.general_type.name -->
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录