Mechanism to open BottomSheet on top of a navigation bar

[deankroker]

Hello!

We are using Apple's TabView and are triggering BottomSheet from within the view.

Is there a straightforward way to open BottomSheet above the TabView's navigation bar? As of now, the navigation bar is still present. Perhaps there would be a suggestion to open this modally, i.e. above the tab view?

Thank you!

Example implementation:

@State private var bottomSheetPosition: BottomSheetPosition = .hidden
      VStack {
          Button {
              if self.bottomSheetPosition != .hidden{
                  self.bottomSheetPosition = .hidden
              }else{
                  self.bottomSheetPosition = .middle
              }
          } label: {
              Image(systemName: "ellipsis.circle").font(.system(size: 20))
          }
      }
        .bottomSheet(bottomSheetPosition: self.$bottomSheetPosition, options: [.swipeToDismiss,.noBottomPosition, .showCloseButton(action: {
...
}

[lucaszischka]

Does the following work for you?

        TabView(selection: $selectedView) {
            Text("First View")
            .tabItem {
                Label("First", systemImage: "1.circle")
            }
            .tag(1)

            Text("Second View")
            .tabItem {
                Label("Second", systemImage: "2.circle")
            }
            .tag(2)
        }
        .bottomSheet(...)

[t8n]

yep - that works for me