iOS Dark mode Liquid Glass Tab bar with Reduce Transparency Issue

Hi,

I have an iOS app that I’m trying to update with Liquid Glass.

In this app, I’m using a tab bar, which works fine with Liquid Glass, but as soon as I enable the “Reduce Transparency” setting in dark mode, I get a strange effect: at launch, the tab bar appears correctly in dark mode, but after scrolling a bit in the view, it eventually switches to light mode 😅

At launch:

After a bit of scrolling:

I can’t figure out whether this is intended behavior from the framework or not (I don’t have this issue with other apps).

I can reproduce it in a project built from scratch, here is the code (don't forget to set dark mode to the device and activate the reduce transparency option in the accessibility menu):

struct ContentView: View {
	var body: some View {
		TabView {
			ScrollView {
				LazyVStack {
					ForEach(0..<100) { _ in
						Image(systemName: "globe")
							.imageScale(.large)
							.foregroundStyle(.tint)
						Text("Hello world").foregroundStyle(.primary)
					}
				}
				.padding()
			}
			.tabItem {
				Label("Menu", systemImage: "list.dash")
			}
		}
	}
}

Do you know if this is expected behavior? Or if there’s something that can be done about it?

Thanks,

Answered by AlexandreCools in 866410022

It seems to be fixed on iOS 26.1.

Accepted Answer

It seems to be fixed on iOS 26.1.

iOS Dark mode Liquid Glass Tab bar with Reduce Transparency Issue
 
 
Q