无法使 SFSafariViewController 状态栏样式 lightContent

Question

我需要在黑色背景的状态栏中显示浅色内容，但是某些屏幕需要带有白色背景的黑色状态栏内容，因此我保留了 基于视图控制器的状态栏外观在 info.plist 中设置为 YES 以根据视图控制器的要求采用状态栏样式。

我的问题是，每当我从任何视图控制器呈现 SFSafariViewController 时，它都会默认采用黑色状态栏内容和白色背景，即状态栏样式每次都是 .default。

我尝试在 SFSafariViewController 子类中覆盖 preferredStatusBarStyle，但目前没有查看。

下面是我的代码

import UIKit
import SafariServices

extension SFSafariViewController {

    override open var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
}

extension UINavigationController {
    open override var preferredStatusBarStyle: UIStatusBarStyle {
        return topViewController?.preferredStatusBarStyle ?? .lightContent
    }
}

class MyViewController: UIViewController, SFSafariViewControllerDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.navigationController?.navigationBar.barTintColor = UIColor.lightGray
    }

    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }

    @IBAction func presentSafari(sender: AnyObject) {

        let safari = SFSafariViewController(url: URL(string: "https://www.google.com/")!)
        safari.delegate = self
        present(safari, animated: true) {
        }
    }

    // MARK: - SFSafariViewControllerDelegate
    func safariViewControllerDidFinish(_ controller: SFSafariViewController) {
        dismiss(animated: true, completion: nil)
    }
}

Answer 1

设置modalPresentationCapturesStatusBarAppearance 以从呈现视图控制器接管状态栏外观的控制。

@IBAction func presentSafari(sender: AnyObject) {

    let safari = SFSafariViewController(url: URL(string: "https://www.google.com/")!)
    safari.delegate = self
    safari.modalPresentationCapturesStatusBarAppearance = true
    if #available(iOS 10.0, *) {
        safari.preferredBarTintColor = .yellow
    } else {
        // Fallback on earlier versions
        safari.view.tintColor = .yellow
    }
    present(safari, animated: true) {
    }
}

extension SFSafariViewController {
    override open var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
}

当您通过调用present(_:animated:completion:) 方法呈现视图控制器时，仅当呈现控制器的modalPresentationStyle 值为UIModalPresentationStyle.fullScreen 时，状态栏外观控制才会从呈现转移到呈现的视图控制器。通过将此属性设置为 true，您可以指定呈现的视图控制器控件状态栏的外观，即使呈现非全屏。

输出：截图

Answer 2

iOS 10.0+

preferredBarTintColor

为导航栏和工具栏的背景着色的颜色。

_{参考：https://developer.apple.com/documentation/safariservices/sfsafariviewcontroller/2274394-preferredbartintcolor}

---

由于您的View controller-based status bar appearance 在Info.plist 中设置为YES，因此您需要在preferredBarTintColor 上应用颜色信息，如下所示：

let safari = SFSafariViewController(url: URL(string: "https://google.com")!)

//This:
safari.preferredBarTintColor = .black

present(safari, animated: true, completion: nil)

而且...不需要以下内容：

extension SFSafariViewController {
    open override var preferredStatusBarStyle: UIStatusBarStyle {
        return .default
    }
}