I am not sure why, but VStack won't center images or text all of a sudden. I have tried to use the VStack(alignment:.center) but with no success.
struct ContentView: View {
var body: some View {
NavigationView {
GeometryReader { geo in
Group{
VStack() {
Image(systemName: "car.fill")
}
}
}
}
}
}
My understanding is that this should center. At least all the documents say it should center.
It is centred in VStack but VStack is not centred in GeometryReader. You can do the following...
GeometryReader { geo in
VStack {
Image(systemName: "car.fill")
}
.frame(width: geo.size.width, height: geo.size.height)
}
free space, with 0,0 at top-left, so you can fill it as you want with whatever you want, if you want fill it completely with some alignment, make some *stack with needed alignment, if you want custom alignment in it by corrdinates, you can does that using .position of used views, etc.
Just use a HStack to center the VStack.
struct ContentView: View {
var body: some View {
NavigationView {
GeometryReader { geo in
Group{
HStack {
Spacer()
VStack() {
Image(systemName: "car.fill")
}
Spacer()
}
}
}
}
}
}
or
struct ContentView: View {
var body: some View {
NavigationView {
GeometryReader { geo in
Group{
VStack() {
HStack {
Spacer()
Image(systemName: "car.fill")
Spacer()
}
}
}
}
}
}
}
