iOS15专属问题：滚动启动时Navigation Bar变为透明的解决方案求助

Let’s tackle this iOS 15 navigation bar issue head-on. The problem likely stems from how iOS 15 handles navigation bar appearances in child view controllers of a Master-Detail setup, especially when scroll views interact with the navigation stack. Here are targeted fixes to try:

1. Explicitly Set Navigation Bar Appearances in the Detail View #

Storyboard settings don’t always propagate correctly to pushed view controllers. Force the same appearance for both standard and scroll edge states by adding this code to your Detail View Controller’s viewWillAppear(_:) method:

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    
    guard let navBar = navigationController?.navigationBar else { return }
    
    // Create a consistent appearance using system defaults (includes blur)
    let consistentAppearance = UINavigationBarAppearance()
    consistentAppearance.configureWithDefaultBackground()
    
    // Apply to all appearance states
    navBar.standardAppearance = consistentAppearance
    navBar.scrollEdgeAppearance = consistentAppearance
    navBar.compactAppearance = consistentAppearance
    
    // Also apply to the navigation item to ensure full coverage
    navigationItem.standardAppearance = consistentAppearance
    navigationItem.scrollEdgeAppearance = consistentAppearance
}

2. Check Your Scroll View’s Content Inset Behavior #

iOS 15 adjusted how scroll views interact with navigation bars. Ensure your Detail View’s scrollable content (table/collection/scroll view) uses the correct inset adjustment behavior. Add this to your Detail View Controller’s setup:

override func viewDidLoad() {
    super.viewDidLoad()
    
    // Target the scroll view (adjust if using a table/collection view)
    if let scrollView = view.subviews.first(where: { $0 is UIScrollView }) as? UIScrollView {
        scrollView.contentInsetAdjustmentBehavior = .automatic
    }
}

3. Disable Scroll Edge Appearance for the Detail View #

If the above doesn’t work, try a more direct approach by disabling the scroll edge appearance entirely for the Detail View. This forces the navigation bar to use the standard appearance at all times:

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    
    navigationController?.navigationBar.scrollEdgeAppearance = nil
}

4. Verify Your Navigation Stack Setup #

Double-check that your Master-Detail interface uses a single root UINavigationController, and that the Detail View is pushed onto this stack (not presented modally). Modal presentations can cause unexpected appearance conflicts in iOS 15.

One of these fixes should resolve the immediate transparency issue. Start with option 1, as it’s the most comprehensive and aligns with Apple’s intended appearance configuration for iOS 15.

内容的提问来源于stack exchange，提问作者Kate M