SFSafariViewController

Question

How to change the color of the address bar and tab menu in SwiftUi 3.0 using SFSafariViewController. I've tried various things, but that colour doesn't render itself in the simulator.

ContentView

        import SwiftUI
    import SafariServices
    
    struct ContentView: View {
        
        @State private var showSafari: Bool = false
        @State var animate = false
        @State var endSplash = false
        @State var vc = SFSafariViewWrapper(url: URL(string: "https://dc-levo.pewag40.com/login")!)
        
        var body: some View {
            ZStack {
                ZStack {
                    Color("Background")
                        .ignoresSafeArea(edges: .all)
                    
                    Image("splash")
                        .renderingMode(.original)
                        .aspectRatio(contentMode: .fit)
                        .padding(.all)
                    
                    
                }//zstack
                .ignoresSafeArea(edges: .all)
                
            }//zstack
            .ignoresSafeArea(edges: .all)
            .onAppear(perform: {
                DispatchQueue.main.asyncAfter(deadline: .now() + 1.5) {
                    self.showSafari = true
                }
            })
            .fullScreenCover(isPresented: $showSafari, content: {
                vc
            })
        }
    }
    
    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            ContentView()
        }
    }

我现在如何修改代码以在 Safari Web View 中显示不同的颜色？颜色是指地址栏的颜色和位于显示屏底部的标签栏的颜色。

Answer 1

可以根据需要使用preferredControlTintColorand/orpreferredControlTintColor

struct SFSafariViewWrapper: UIViewControllerRepresentable {
    let url: URL

    func makeUIViewController(context: UIViewControllerRepresentableContext<Self>) -> SFSafariViewController {
        let sfVC =  SFSafariViewController(url: url)
        sfVC.preferredBarTintColor = .blue // set color to tint the background of the navigation bar and the toolbar.
        sfVC.preferredControlTintColor = .yellow // set the color to tint the control buttons on the navigation bar and the toolbar.
        return sfVC
    }

    func updateUIViewController(_ uiViewController: SFSafariViewController, context: UIViewControllerRepresentableContext<SFSafariViewWrapper>) {
        return
    }
}

SFSafariViewController - 如何更改地址栏和选项卡菜单的颜色

SFSafariViewController - How to change the color of the address bar and tab menu

swiftui