Like this
Here's my code
Like this
Here's my code
Isn't this how it's supposed to work now? The keynote explained this at 0:10:42:
and the result at 0:10:47:
So, your buttons get smushed over to the left. I think you just need to work on your tab bar.
Same problem here, when I open app first time push all items to left navigating to other view and returning to same view looks fine
.toolbar {
ToolbarItemGroup(placement: .bottomBar) {
GlassEffectContainer {
Button {
//
} label: {
VStack {
Image(
systemName: "car"
)
Text("Car")
.font(.caption2)
}
.padding()
}
.tint(.red)
Button {
//
} label: {
VStack {
Image(
systemName: "person"
)
Text("Person")
.font(.caption2)
}
.padding()
}
.tint(.blue)
Button {
} label: {
VStack {
Image(
systemName: "house"
)
Text("House")
.font(.caption2)
}
.padding()
}
.tint(.green)
Button {
} label: {
VStack {
Image(
systemName: "lightbulb"
)
Text("Lightbulb")
.font(.caption2)
}
.padding()
}
.tint(.indigo)
Button {
} label: {
VStack {
Image(
systemName: "trash"
)
Text("Trash")
.font(.caption2)
}
.padding()
}
.tint(.purple)
}
.frame(alignment: .leadingLastTextBaseline)
.frame(height: 64)
.frame(maxWidth: .infinity)
}
}