Swiftui VStack引导对齐中的中心图像

我很难找到正确的解决方案，将

图像

放在

VStack

中，对齐方式为

。leading

。我已经尝试并得到了这些结果，但是有没有更有效的方法来代替在

HStack

中添加两个

Spacer（）

struct ContentView: View {
    var body: some View {
        ZStack {
            ScrollView {
                VStack (alignment: .leading, spacing: 10) {
                    Text("Title ")
                    HStack {
                        Spacer()
                        Image(systemName:"star.fill")
                            .resizable()
                            .frame(width: 20, height: 20, alignment: .center)
                        Spacer()
                    }
                    Divider()
                }
            }
        }
        .padding(.all)
    }
}

---

这里有一个解决方案。使用Xcode 12.1/iOS 14.1进行测试

---

看起来不错，谢谢你@Asperi。添加两个

frame

是不受欢迎的吗？它们是不同的修饰符（尽管都称为frame），每个修饰符都提供了新的视图。这就像是将一个视图嵌入到另一个具有不同边界的视图中。好的，这是有意义的。谢谢

ScrollView {
    VStack (alignment: .leading, spacing: 10) {
        Text("Title ")
        Image(systemName:"star.fill")
            .resizable()
            .frame(width: 20, height: 20)
            .frame(maxWidth: .infinity, alignment: .center)
        Divider()
    }
}