【Swift】アラートにAccentColorが適用されない

はじめに

アラートにアクセントカラーが適用されてないことに気づきました
その対策を記事にしておきます

追記(2024/1/11)
筆者は記事を書いたとき、マルチモジュール構成のみで発生すると思っていましたが、
マルチモジュール構成とは関係がなく、常に発生しているようです。

https://x.com/noppefoxwolf/status/1745347816892125423?s=20

よって、本記事の再現手順でも再現しますが、ただプロジェクトを作成するだけでも再現するようです。

再現手順

全体像はこんな感じです

メインプロジェクトのほうでAssetsにAccentColorを設定しています

以下のようにAppFeatureを実装しました

AppFeature.swift

import SwiftUI

public struct AppFeature: App {
    @State private var isPresented = false
    
    public init() {}

    public var body: some Scene {
        WindowGroup {
            Button {
                isPresented.toggle()
            } label: {
                Text("アラート表示")
            }
            .alert("アラート", isPresented: $isPresented) {
                Button {
                    
                } label: {
                    Text("OK")
                }
            }
        }
    }
}

ButtonにAccentColorは効いているようです。

しかし、アラートを表示してみるとボタンが青色で標準のAccentColorから変わってないことがわかります。

アラートのボタンを押したタイミングでAccentColorが反映されています。これは明らかにバグでしょう。

解決方法1

import SwiftUI

public struct AppFeature: App {
    @State private var isPresented = false
    
    public init() {
+      UIView.appearance(whenContainedInInstancesOf: [UIAlertController.self]).tintColor = UIColor(named: "AccentColor")
    }

    public var body: some Scene {
        WindowGroup {
            Button {
                isPresented.toggle()
            } label: {
                Text("アラート表示")
            }
            .alert("アラート", isPresented: $isPresented) {
                Button {
                    
                } label: {
                    Text("OK")
                }
            }
        }
    }
}

解決方法2

swiftui-introspectを使用します。

import SwiftUI
import SwiftUIIntrospect

public struct AppFeature: App {
    @State private var isPresented = false
    
    public init() {}

    public var body: some Scene {
        WindowGroup {
            Button {
                isPresented.toggle()
            } label: {
                Text("アラート表示")
            }
            .alert("アラート", isPresented: $isPresented) {
                Button {
                    
                } label: {
                    Text("OK")
                }
            }
+          .introspect(.view, on: .iOS(.v15, .v16, .v17)) { view in
+               view.window?.tintColor = UIColor(named: "AccentColor")
+           }
        }
    }
}

解決後

最初から指定したAccentColorで表示されるようになりました

おわり

これは早く治って欲しいですね