iOS 18中SwiftUI ImageRenderer无法渲染Assets目录颜色问题求助

针对你遇到的iOS 18下ImageRenderer无法正确渲染Assets中自定义颜色的问题，提供以下几种解决思路：

思路1：通过UIColor手动加载自定义颜色 #

iOS 18中Color对Asset颜色的加载逻辑可能在渲染时出现异常，改用UIColor直接加载再转为SwiftUI的Color可以绕过这个问题：

struct TestView:View {
    var body: some View {
        VStack {
            ZStack {
                Rectangle()
                    .fill(Color.red)
                Text("TEST")
            }
            
            ZStack {
                Rectangle()
                    // 直接通过UIColor加载Assets中的自定义颜色
                    .fill(Color(UIColor(named: "test")!))
                Text("TEST 2")
            }
        }
    }
}

思路2：给ImageRenderer传递明确的环境参数 #

iOS 18的ImageRenderer可能默认未携带完整的视图环境，导致自定义颜色无法正确解析。可以手动传递当前的颜色方案等环境参数：

首先在ContentView中添加环境变量：

@Environment(\.colorScheme) private var colorScheme

然后修改按钮点击逻辑：

Button("Test") {
    // 给待渲染视图传递当前颜色方案环境
    let content = TestView().environment(\.colorScheme, colorScheme)
    let ren = ImageRenderer(content: content)
    if let data = ren.uiImage?.pngData() {
        self.data = data
    }
}

思路3：改用UIKit的UIGraphicsImageRenderer渲染 #

如果SwiftUI的ImageRenderer底层变动导致问题，可以直接使用UIKit的渲染方式，兼容性更稳定：

Button("Test") {
    let testView = TestView()
    // 将SwiftUI视图包装为UIHostingController
    let hostingController = UIHostingController(rootView: testView)
    // 设置视图尺寸（根据实际需求调整）
    hostingController.view.frame = CGRect(x: 0, y: 0, width: 300, height: 200)
    
    // 使用UIKit的图形渲染器生成图片
    let renderer = UIGraphicsImageRenderer(size: hostingController.view.bounds.size)
    let renderedImage = renderer.image { context in
        hostingController.view.drawHierarchy(in: hostingController.view.bounds, afterScreenUpdates: true)
    }
    
    if let data = renderedImage.pngData() {
        self.data = data
    }
}

补充说明 #

如果以上方法仍未解决，建议检查Assets中自定义颜色的配置：确保颜色在不同颜色方案（亮色/暗色）下都有正确的定义，且没有启用iOS 18新增的颜色特性导致兼容性问题。

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