SwiftUI：toolbarBackground修饰器能否使用自定义颜色？

首先明确：toolbarBackground 并非仅支持基础颜色，你的问题出在自定义十六进制Color的调用方式错误上。

核心原因 #

SwiftUI 原生的 Color(_ name: String) 初始化方法，是用来加载 Asset Catalog 中命名的颜色资源，而非解析十六进制字符串。你直接写 Color("##00FF00")，系统会尝试去 Assets 里找名为 ##00FF00 的颜色，自然找不到，所以 toolbarBackground 不会显示预期颜色——但你的自定义扩展本身是正常的，只是调用姿势错了。

解决步骤 #

1. 修正自定义Color的调用方式
   你扩展的十六进制初始化器应该是自定义的（比如命名为 init(hex: String)），调用时要明确使用这个自定义初始化器，而非系统的字符串参数初始化器：

   // 正确调用自定义十六进制Color
   .toolbarBackground(Color(hex: "00FF00"), for: .navigationBar)
   

2. 确保自定义Color扩展的正确性
   如果你还没写对扩展，这里提供一个标准的十六进制Color实现示例（支持RGB/ARGB格式，自动去除非十六进制字符）：

   extension Color {
       init(hex: String) {
           let cleanedHex = hex.trimmingCharacters(in: CharacterSet.alphanumerics.inverted)
           var hexValue: UInt64 = 0
           Scanner(string: cleanedHex).scanHexInt64(&hexValue)
           
           let alpha, red, green, blue: UInt64
           switch cleanedHex.count {
           case 3: // 12位RGB（如"F0F"）
               alpha = 255
               red = (hexValue >> 8) * 17
               green = ((hexValue >> 4) & 0xF) * 17
               blue = (hexValue & 0xF) * 17
           case 6: // 24位RGB（如"00FF00"）
               alpha = 255
               red = hexValue >> 16
               green = (hexValue >> 8) & 0xFF
               blue = hexValue & 0xFF
           case 8: // 32位ARGB（如"FF00FF00"）
               alpha = hexValue >> 24
               red = (hexValue >> 16) & 0xFF
               green = (hexValue >> 8) & 0xFF
               blue = hexValue & 0xFF
           default: // 默认红色，避免错误
               alpha = 255
               red = 255
               green = 0
               blue = 0
           }
           
           self.init(
               .sRGB,
               red: Double(red) / 255,
               green: Double(green) / 255,
               blue: Double(blue) / 255,
               opacity: Double(alpha) / 255
           )
       }
   }
   

3. 验证效果
   用上述正确方式生成的Color，无论是在toolbarBackground还是其他SwiftUI视图中，都能正常显示颜色。

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