Toolbar doesn't show up in iPad simulator with iOS 14

Question

LingForCC OP

Created Jun ’20

Replies 2

Boosts 0

Views 1.5k

Participants 3

I am trying to play with the new toolbar modifier in SwiftUI with following code.

Code Block struct ContentView: View {
    private var testData = ["a", "b", "c"]
    var body: some View {
        NavigationView() {
            List() {
                Text("a")
                Text("b")
                Text("C")
            }
            .listStyle(SidebarListStyle())
            .navigationTitle("Navigation")
        }.toolbar {
            ToolbarItem(placement: ToolbarItemPlacement.principal) {
                Button(action: {}) {
                    Text("add")
                }
            }
        }
    }
}

The code works fine in macOS Big Sur. But the toolbar doesn't show up in iPad simulator with iOS 14.

Is there anything I miss?

Boost

Answer 1

OP

Apple

Jun ’20

ToolbarItemPlacement.principal is reserved for the main item of a toolbar, e.g. the search bar in Safari. If you want your button to show up in the bottom toolbar, use ToolbarItemPlacement.bottomBar.

0

Answer 2

dsmurfindev OP

Jun ’20

I'm afraid using a valid placement also doesn't work in this example. I have been having issues with this myself. Only .bottomBar appears to work. Using .navigationBarTrailing, .primaryAction, .navigationBarLeading etc all fail.

Code Block struct TestContentView: View {
  var body: some View {
    NavigationView() {
      List() {
        Text("a")
        Text("b")
        Text("c")
      }
      .listStyle(SidebarListStyle())
      .navigationTitle("Navigation")
    }.toolbar {
      ToolbarItem(placement: .navigationBarTrailing) {
        Button(action: {}) {
          Text("add")
        }
      }
    }
  }
}

0