swiftui alert 부분 다크모드

SwiftUI에서 Alert를 생성할 때, Alert의 배경색을 시스템 색상에 맞게 설정하면 시스템 색상 모드가 변경될 때 Alert의 배경색도 함께 변경됩니다. 이를 위해서는 Alert 구조체의 AlertStyle 프로토콜을 구현하여 사용해야 합니다.

​

다음은 AlertStyle 프로토콜을 구현한 예시 코드입니다. 여기에서는 시스템 색상 모드에 따라 배경색을 조절하도록 구현되어 있습니다.

struct CustomAlertStyle: AlertStyle { @Environment(\.colorScheme) var colorScheme func body(content: Content) -> some View { content .background(colorScheme == .dark ? Color.black : Color.white) .foregroundColor(colorScheme == .dark ? Color.white : Color.black) .cornerRadius(10) } }

이후, Alert를 생성할 때 위에서 구현한 CustomAlertStyle을 적용하면 됩니다.

struct ContentView: View { @Environment(\.colorScheme) var colorScheme @State private var showAlert = false var body: some View { Button("Show Alert") { showAlert.toggle() } .alert(isPresented: $showAlert) { Alert(title: Text("Alert"), message: Text("This is an alert."), dismissButton: .default(Text("OK"))) .background(colorScheme == .dark ? Color.black : Color.white) .foregroundColor(colorScheme == .dark ? Color.white : Color.black) .cornerRadius(10) .alertStyle(CustomAlertStyle()) } } }

위와 같이 구현하면 Alert의 배경색이 시스템 색상 모드에 따라 변경됩니다.