工具栏底部 iOS 16 - SwiftUI

Question

I would like to have a bottom toolbar with SwiftUI. The following is working in iOS 15, but not in iOS 16. In iOS 16 the toolbar is not showing. (It's working if I change the placement...)

Text("Content")
    .toolbar {
        ToolbarItemGroup(placement: .bottomBar) {
            Button("Greeting") { 
                print("Hello world!")
            }
        }
    }

Screenshots

Do you have any workaround for this?

Thanks!

Answer 1

I got the same issue. It is resolved after updating to iOS 16.1.

Answer 2

toolbar depends on the navigation bar so you have to have a NavigationView / NavigationStack

https://developer.apple.com/documentation/swiftui/view/toolbar(content:)-5w0tj

struct ToolbarSolutionView: View {
    var body: some View {
        NavigationView{ //NavigationStack
            Text("Content")
            
                .toolbar {
                    ToolbarItemGroup(placement: .bottomBar) {
                        Button("Greeting") {
                            print("Hello world!")
                        }
                    }
                }
        }
    }
}

It was likely a bug that it was working before.

You can hide the navigation bar if you don't need it.

//iOS 13+
.navigationBarHidden(true)

//iOS 16+
.toolbar(.hidden, for: .navigationBar)

Answer 3

For me, any conditional bottomBar does not get displayed at all, even if showTB == true on iOS 16.

  .toolbar {
    ToolbarItem(placement: .bottomBar) {
      if showTB {
        Button("Delete") {
          print(234)
        }
      }
    }
  }

Testing on the iOS 16.1 Beta, it seems to be fixed for iOS 16.1 though.

Answer 4

Whatever I do I cannot get the ToolbarItemGroup to work with .bottomBar modifier in iOS 16.1.1 It works fine with iOS 15.4.

The parent View has NavigationView and the nested views (four levels; top,sublevel 1/2/3) underneath have each different ToolBar menus.

With iOS16.1.1 if I go to sublevel 2 and return back to top and then back to sublevel 1, the sublevel 1 toolbar appears (but there seems to be double layer). Sublevels 2/3 not working.

So the below does not work on 16.1 (works on 15.4)

    .toolbar {
        ToolbarItemGroup(placement: .bottomBar) {
            ToolBarMenu(bgxDevice: bgxDevice)
                .font(.caption)
        }
    }

But .automatic below works.. (but not right as have many buttons)

 .toolbar {
            ToolbarItemGroup(placement: .automatic) {
                ToolBarMenu(bgxDevice: bgxDevice)
                    .font(.caption)
            }
        }

Any ideas how to get modifier .bottomBar to work? Is this bug with iOS16.1.1?