So I’ve some view with ToolBar on the high. It has main Button and trailing Picture.
var physique: some View {
NavigationView {
ZStack {
content material()
VStack {
GeometryReader { geometry in
navigationBarColor
.body(peak: geometry.safeAreaInsets.high)
.edgesIgnoringSafeArea(.high)
}
Spacer()
}
if viewModel.isShowingLeagueInfo {
CustomLeagueInfoOverlay(isPresented: $viewModel.isShowingLeagueInfo)
}
}
.navigationBarTitleDisplayMode(.inline)
.toolbar {
LeagueExperienceToolbar(league: viewModel.league) {
dismiss()
}
}
.alert(merchandise: $viewModel.alertData) { information in
Alert(
title: Textual content(information.title),
message: Textual content(information.message),
dismissButton: information.retry != nil
? .default(Textual content("Retry".localize()), motion: information.retry)
: .cancel(Textual content("Okay"))
)
}
.fullScreenCover(isPresented: $viewModel.isShowingWeeklyResetSummary) {
WeeklyLeagueResetSummaryModuleBuilder.construct()
}
}
}
Right here CustomLeagueInfoOverlay is a view that presents itself as a sheet: clear background with some content material on the backside.
The difficulty is that when sheet background is introduced, Button and Picture are proven over sheet background and could also be tapped. How can I repair this conduct and make the sheet cowl toolbar objects?


