I try to use TabView with tabItems that include SF-Symbols 3- Icons. To get started, I created a simple SwiftUI from the Apple SwiftUI example. I tried several variations :
- symbols with fill and without fill.
- tabItems with Stack, and without, with Label or Text and Image
` TabView {
Text("The First Tab")
.tabItem {
VStack {
Image(systemName: "1.square.fill")
Text("First")
}
}
Text("The First Tab - 2")
.tabItem {
VStack {
Image(systemName: "1.square")
Text("First - 2")
}
}
Text("Another Tab")
.tabItem {
Label("second -2", systemImage: "2.square.fill")
}
Text("Another Tab - 2")
.tabItem {
Label("second", systemImage: "2.square")
}
Text("The Last Tab")
.tabItem {
Image(systemName: "3.square")
Text("Third")
}
Text("The Last Tab - 2")
.tabItem {
Image(systemName: "3.square.fill")
Text("Third -2")
}
}`
The same code works when used in a preferences SwiftUI View. Is there any further prerequisite to display Icons on tabbars?