SwiftUI VStack非中心对象

Question

我不知道为什么，但是VStack不会突然对图像或文本进行居中。我试过使用VStack(alignment:.center)，但没有成功。

struct ContentView: View {

    var body: some View {
        NavigationView {
          GeometryReader { geo in
           Group{
            VStack() {
                Image(systemName: "car.fill")
            }
          }
         }
       }
    }
}

我的理解是这应该是中心。至少所有的文件都说它应该是中心。

Answer 1

它以VStack为中心，而VStack则不是以GeometryReader为中心。你可以做以下..。

  GeometryReader { geo in
    VStack {
        Image(systemName: "car.fill")
    }
    .frame(width: geo.size.width, height: geo.size.height)
  }

Answer 2

只需使用HStack对VStack进行中心设置。

struct ContentView: View {

var body: some View {
    NavigationView {
      GeometryReader { geo in
       Group{
        HStack {
            Spacer()                
            VStack() {
                Image(systemName: "car.fill")
            }
            Spacer()
        }
      }
     }
   }
}

}

或

struct ContentView: View {

var body: some View {
    NavigationView {
      GeometryReader { geo in
       Group{
        VStack() {
            HStack {
                Spacer()
                Image(systemName: "car.fill")
                Spacer()
            }
        }
      }
     }
   }
}

}