[SwiftUI][iOS14]PageTabViewStyleでPageControlの色を変える

iOS14からTabViewにPageTabViewStyleが追加されました。iOS13では、UIPageViewControllerに相当するクラスがなかったのですが、PageTabViewStyleで実現できるようになったので、UIViewRepresentableを使わなくなるので便利です。
しかし、１つ難点がarimasu.UIPageControlが下の方に表示されるのですが、デフォルトで白でSwiftUIでは変更ができません。

色々調べた結果、UIKitのUIAppearanceを使うしか今のところ方法がないことがわかりました。

通常の使い方

UIPageControlの表示が白なので、背景を黒くしています。

struct ContentView: View {
    var body: some View {
        
        TabView {
            Text("タイトル１").foregroundColor(.white)
            Text("タイトル２").foregroundColor(.white)
        }.tabViewStyle(PageTabViewStyle.init(indexDisplayMode: .always))
        .background(Color.black)
        .edgesIgnoringSafeArea(.all)

    }
}

UIPageControlの色を変える

SwiftUIのみではUIPageControlのパーツの色を変えることはできませんが、UIAppearanceを使えば変更が可能です。

import SwiftUI
import UIKit

struct ContentView: View {
    
    init() {
        UIPageControl.appearance().currentPageIndicatorTintColor = .red
        UIPageControl.appearance().pageIndicatorTintColor = UIColor.white.withAlphaComponent(0.8)
    }
    
    var body: some View {
        
        TabView {
            Text("タイトル１").foregroundColor(.white)
            Text("タイトル２").foregroundColor(.white)
        }.tabViewStyle(PageTabViewStyle.init(indexDisplayMode: .always))
        .background(Color.black)
        .edgesIgnoringSafeArea(.all)

    }
}

参考