张成

发布：2020-11-25 16:40
更新：2020-11-25 17:51
阅读：1525

【报Bug】暗黑模式下，所有的showLoading、showToast、showModal会出现底色是白色的情况，和我们白色的页面底色重叠了。

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 10.15.6

HBuilderX类型：正式

HBuilderX版本号： 2.9.8

手机系统： iOS

手机系统版本号： IOS 14

手机厂商：苹果

手机机型： iphone11

页面类型： vue

打包方式：离线

项目创建方式： HBuilderX

示例代码：

uni.showToast({  
  title:'手机号不能为空',  
  icon:'none'  
})

操作步骤：

暗黑模式下，使用showLoading、showToast、showModal会出现底色是白色的情况。

预期结果：

因为我们的页面是没有适配暗黑模式的，页面永远都是白色，我肯定希望我的弹窗是灰色。

实际结果：

弹窗都是白色，和我们页面的底色一样，重叠了。

bug描述：

暗黑模式下，所有页面的弹窗和toast底色都是白色，因为我们的页面没有做暗黑模式的适配，底色都是白色，这样就导致暗黑模式下所有的提示看不清楚的情况。

浅色模式正常。

之前没有升级SDK和HbuilderX的时候是没有这样的现象的。

2020-11-25 16:40 负责人:无分享

3 个回复

张成 (作者) - 22222

希望大佬帮忙解决一下，如果有办法关闭ios的暗黑模式适配就好了

崮生 - https://shenzilong.cn

https://ask.dcloud.net.cn/article/36995 你试一下这个看行不行

张成 (作者)

解决啦，plus.nativeUI.setUIStyle('light');

2020-11-25 17:51

张成 (作者) - 22222

解决啦。

onLaunch: function() {  
    // 强制设置UI模式为浅色，解决IOS暗黑模式下弹窗为白色的问题  
    plus.nativeUI.setUIStyle('light');  
}

张成 (作者)

最好还是写在onShow里面，以防止用户在使用app期间切换成暗黑模式了。

2020-11-25 18:22

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

【报Bug】暗黑模式下，所有的showLoading、showToast、showModal会出现底色是白色的情况，和我们白色的页面底色重叠了。

示例代码：

`uni.showToast({ title:'手机号不能为空', icon:'none' })`

操作步骤：

暗黑模式下，使用showLoading、showToast、showModal会出现底色是白色的情况。

预期结果：

因为我们的页面是没有适配暗黑模式的，页面永远都是白色，我肯定希望我的弹窗是灰色。

实际结果：

弹窗都是白色，和我们页面的底色一样，重叠了。

bug描述：

3 个回复

公告

相关问题

【报Bug】暗黑模式下，所有的showLoading、showToast、showModal会出现底色是白色的情况，和我们白色的页面底色重叠了。

示例代码： uni.showToast({ title:'手机号不能为空', icon:'none' })

操作步骤： 暗黑模式下，使用showLoading、showToast、showModal会出现底色是白色的情况。

预期结果： 因为我们的页面是没有适配暗黑模式的，页面永远都是白色，我肯定希望我的弹窗是灰色。

实际结果： 弹窗都是白色，和我们页面的底色一样，重叠了。

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

`uni.showToast({ title:'手机号不能为空', icon:'none' })`

操作步骤：

暗黑模式下，使用showLoading、showToast、showModal会出现底色是白色的情况。

预期结果：

因为我们的页面是没有适配暗黑模式的，页面永远都是白色，我肯定希望我的弹窗是灰色。

实际结果：

弹窗都是白色，和我们页面的底色一样，重叠了。