iOS 26 applying blur to UIView in navigationBar

Question

Created 3w

Replies 1

Boosts 0

Participants 2

Using a storyboard, I created a UIView containing an UIImageView and a UILabel, that I dragged into the navigation bar of one of my viewControllers. In my viewDidLoad I transform the view to move it down past the bounds of the navigation bar so its hidden initially

navBarMiddleView.transform = .init(translationX: 0, y: 50)

Then as the screen scrolls, I slowly move it up so it slides back into the middle of the navigationBar

func scrollViewDidScroll(_ scrollView: UIScrollView) {
		let padding: CGFloat = 70
		let adjustedOffset = (scrollView.contentOffset.y - padding)
		navBarMiddleView.transform = .init(translationX: 0, y: max(0, (50 - adjustedOffset)))
	}

(The content is displayed in a collectionView cell as large content initially, and I want it to remain visible as the user scrolls down. So a mini view of the same data is moved up into the navigationBar)

With iOS 26 the navigationBar is applying a blur effect to this view, even when its outside the bounds of the navigationBar, meaning the content its hovering on top of is slightly obscured. I don't know why this blur is being added, how do I remove it?

I've tried the following based on recommendations from chatGPT but none have worked

self.navigationController?.navigationBar.clipsToBounds = true
self.navBarMiddleView.layer.allowsGroupOpacity = false
self.navBarMiddleView.backgroundColor = .clear
self.navBarMiddleView.isOpaque = true
self.navBarMiddleView.layer.isOpaque = true

I have my navigation bar setup with this appearence already:

let navigationBarAppearance = UINavigationBarAppearance()
navigationBarAppearance.configureWithOpaqueBackground()
navigationBarAppearance.backgroundEffect = nil
navigationBarAppearance.backgroundColor = UIColor.clear
navigationBarAppearance.shadowColor = .clear
navigationBarAppearance.titleTextAttributes = [
	NSAttributedString.Key.foregroundColor: UIColor.colorNamed("Txt2"),
	NSAttributedString.Key.font: UIFont.custom(ofType: .bold, andSize: 20)
]
		
UINavigationBar.appearance().standardAppearance = navigationBarAppearance
UINavigationBar.appearance().compactAppearance = navigationBarAppearance
UINavigationBar.appearance().scrollEdgeAppearance = navigationBarAppearance

Boost

Answer 1

DTS Engineer OP

Apple

3w

As part of the new design system in iOS 26, the bar background is now transparent by default. You should remove any background customization from your navigation and toolbars. Using UIBarAppearance orbackgroundColorinterferes with the glass appearance.

Also, all scroll views underneath navigation or toolbars automatically apply the edge effect visual treatment. You can opt in to a hard or soft edge style on any edge of a scroll view using the UIScrollEdgeEffect API or set isHidden to true to indicate whether the edge effect is hidden.

0