ios - SwiftUI中的表格，使用swiftUI像IOS设置一样定位用户图片

Question

怎么把图片放到swiftUI的形式中，才能达到和附图一样的效果？

我尝试使用此代码，但无法正常工作：

struct UserDetails: View {
    @ObservedObject var dm : DataManager
    @Binding var userLoggato : UserModel?
    var body: some View {
        Form{
            HStack{
                Image(systemName: "person")
            }
            Text(userLoggato?.name ?? "")
        }
    }
}

如果我在图像之间使用垫片，我会得到另一条带有图像的白线。我希望我的图像具有灰色背景并像所附图片一样定位。

Answer 1

只需添加SpacersHStack：

struct UserDetails: View {
    @ObservedObject var dm : DataManager
    @Binding var userLoggato : UserModel?
    var body: some View {
        Form{
            HStack{
                Spacer()
                Image(systemName: "person")
                Spacer()
            }
            Text(userLoggato?.name ?? "")
        }
    }
}

Answer 2

这是一个可能的方法的演示 - 没有间隔 - （颜色/填充是可配置的，像往常一样）

使用 Xcode 11.4 测试

struct UserDetails: View {
    var body: some View {
        Form{
            HStack(alignment: .top) {
                VStack {
                    Image(systemName: "person")
                        .resizable()
                        .frame(width: 60, height: 60)
                        .padding()
                        Text("Person Name").font(Font.title)
                        Text("position title")
                }.padding()

            }
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center)
            .listRowInsets(EdgeInsets())
            .background(Color(UIColor.lightGray))

            Text("Email")
        }
    }
}