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,

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