iOS16/17下preferredColorScheme无法更新按钮颜色问题求助

在使用@AppStorage保存深色模式偏好，并通过preferredColorScheme实现全应用主题切换时，iOS16/17版本出现异常：系统背景能正常切换，但Button、NavigationLink的文字颜色不会随模式变化，导致深色背景下按钮文字难以辨认，而普通Text组件显示正常。原代码如下：

struct ContentView: View {
    
    @AppStorage("darkMode") var isDarkMode: Bool = false
    
    var body: some View {
        VStack {
            Text("Hello, world!")
            
            Button {
                //
            } label: {
                Text("click me")
            }
            
            Toggle("", isOn: $isDarkMode)
        }
        .padding()
        .preferredColorScheme(isDarkMode ? .dark : nil)
    }
}

解决办法 #

• 方案一：用环境变量动态设置按钮颜色
  读取当前环境的colorScheme，手动为按钮文本指定对应模式下的颜色，确保切换时同步更新：

  struct ContentView: View {
      
      @AppStorage("darkMode") var isDarkMode: Bool = false
      @Environment(\.colorScheme) var colorScheme
      
      var body: some View {
          VStack {
              Text("Hello, world!")
              
              Button {
                  //
              } label: {
                  Text("click me")
                      .foregroundColor(colorScheme == .dark ? .white : .blue)
              }
              
              Toggle("", isOn: $isDarkMode)
          }
          .padding()
          .preferredColorScheme(isDarkMode ? .dark : nil)
      }
  }
  

• 方案二：自定义按钮样式全局适配
  创建一个自适应主题的按钮样式，全局应用后无需逐个设置按钮颜色：

  struct AdaptiveButtonStyle: ButtonStyle {
      @Environment(\.colorScheme) var colorScheme
      
      func makeBody(configuration: Configuration) -> some View {
          configuration.label
              .foregroundColor(colorScheme == .dark ? .white : .blue)
              .opacity(configuration.isPressed ? 0.7 : 1.0)
      }
  }
  
  struct ContentView: View {
      
      @AppStorage("darkMode") var isDarkMode: Bool = false
      
      var body: some View {
          VStack {
              Text("Hello, world!")
              
              Button {
                  //
              } label: {
                  Text("click me")
              }
              .buttonStyle(AdaptiveButtonStyle())
              
              Toggle("", isOn: $isDarkMode)
          }
          .padding()
          .preferredColorScheme(isDarkMode ? .dark : nil)
      }
  }
  

• 方案三：改用colorScheme环境绑定（iOS16+）
  iOS16及以上可以直接绑定colorScheme环境变量，这种方式能让所有系统控件同步响应主题切换：

  struct ContentView: View {
      
      @AppStorage("darkMode") var isDarkMode: Bool = false
      
      var body: some View {
          VStack {
              Text("Hello, world!")
              
              Button {
                  //
              } label: {
                  Text("click me")
              }
              
              Toggle("", isOn: $isDarkMode)
          }
          .padding()
          .environment(\.colorScheme, isDarkMode ? .dark : .light)
      }
  }
  

  注意：这个方案会完全覆盖系统的全局主题设置，如果需要保留系统偏好的优先级，建议优先选前两个方案。

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