I’m trying to use the new safeAreaBar() to place a button in the bottom safe area of the view for the main action. However, there’s a bug when the view is inside a NavigationStack: a white or translucent background appears around the button. When I move the view outside of the NavigationStack, the issue goes away.
NavigationStack {
List {
Text("ok")
}
.safeAreaBar(edge: .bottom) {
Button(action: {}, label: {
Text("Continue").font(.headline)
})
.buttonStyle(.glassProminent)
}
}
Is it a known issue?