visionOS中如何根据环境动态显示明暗版Logo

可能的问题原因及对应方案 #

1. 图片资源配置不规范 #

visionOS推荐通过资产目录（Asset Catalog）的明暗模式适配来自动切换图片，而非手动判断配色：

• 打开Assets.xcassets，新建图片集
• 选中图片集，在右侧属性面板将Appearance设置为Any, Dark
• 将HorizLogo拖入Any栏，HorizLogoWhite拖入Dark栏
• 代码中直接使用图片集名称，系统会自动适配配色：

HStack(spacing: 0) {
    Spacer()
    Image("HorizLogo")
        .resizable()
        .scaledToFit()
        .frame(height: 80)
        .opacity(logoOpacity)
        .scaleEffect(logoScale)
    Spacer()
}
.padding(.vertical, 20)

2. 环境值传递异常 #

如果视图嵌套在自定义容器中，可能导致@Environment(\.colorScheme)未获取到正确值，可以尝试：

• 检查父视图是否手动设置colorScheme覆盖了系统值
• 临时用UITraitCollection直接读取系统配色作为调试手段：

let logoName = UITraitCollection.current.userInterfaceStyle == .dark ? "HorizLogoWhite" : "HorizLogo"

3. 图片资源本身问题 #

排查资源导入是否正确：

• 确认HorizLogo和HorizLogoWhite的名称完全匹配（visionOS区分大小写）
• 在Xcode文件检查器中，确认图片已勾选当前target
• 注释掉图片存在性判断，直接加载图片，验证资源是否能正常显示

4. 预览配置问题 #

如果在Xcode预览中测试，需显式设置预览的配色模式：

struct YourView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            YourView()
                .preferredColorScheme(.light)
            YourView()
                .preferredColorScheme(.dark)
        }
    }
}

内容的提问来源于stack exchange，提问作者Lahfir