uni-app 3.2.2.20210818 iOS离线打包时 loading 显示白色

uni-app 3.2.2.20210818 iOS离线打包时 loading 显示白色

开发环境 版本号 项目创建方式
Mac 11.2.1 HBuilderX

操作步骤：

  • 使用3.2.2.20210818 SDK打包，代码里有 uni.showLoading，离线打包iOS

预期结果：

  • 应该跟在线打包一样显示暗色背景

实际结果：

  • 显示成了白色

bug描述：

uni.showLoading 弹出来的loading，在线打包没问题是显示黑色的，无论是手机用夜间模式还是日间模式，都是显示深色底。 但离线打包出来，无论如何都是显示白色，并且上面那个loading转圈也是白色，亮度不高的情况下看不清圈圈。 请问这个颜色在哪里设置啊？ 尝试改过标题栏的前景色，背景色，都没有起作用

image


更多关于uni-app 3.2.2.20210818 iOS离线打包时 loading 显示白色的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

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

更多关于uni-app 3.2.2.20210818 iOS离线打包时 loading 显示白色的实战教程也可以访问 https://www.itying.com/category-93-b0.html


感谢，我试一试

在 uni-app 3.2.2.20210818 版本中，iOS 离线打包时 uni.showLoading 显示白色背景的问题，通常是由于离线打包配置与在线打包环境差异导致的。具体原因和解决方案如下：

问题原因

  1. 离线打包配置缺失：离线打包时，iOS 原生层可能未正确加载 uni-app 的默认样式配置，导致 showLoading 组件使用了系统默认的浅色背景。
  2. 夜间模式适配问题：在线打包时，HBuilderX 会自动注入夜间模式的适配样式，而离线打包可能需要手动配置。

解决方案

1. 检查 iOS 原生配置

  • 在离线打包的 iOS 工程中，确认 Info.plist 中是否配置了 UIUserInterfaceStyle。若需强制深色背景，可尝试设置为 Dark，但注意这会影响全局主题。
  • 检查 AppDelegate.m 或 AppDelegate.swift 中是否设置了 window 的背景色，确保未覆盖 uni-app 的样式。

2. 修改 uni-app 代码中的 loading 样式

  • 在 uni.showLoading 调用时，通过 title 参数或自定义样式暂时规避。例如：
    uni.showLoading({
  title: '加载中',
  mask: true // 确保遮罩层为深色
});
回到顶部