为什么这个 swiftUI 矩形向右移动？答案

【问题标题】：Why this swiftUI rectangle is shift to the right?为什么这个 swiftUI 矩形向右移动？
【发布时间】：2021-12-31 15:16:10
【问题描述】：

我想在视图的顶部中心绘制一个矩形......但我不明白为什么使用这个简单的代码，当我应用填充时矩形会向右移动......

struct StartContent: View {
    @ObservedObject var dm : DataManager
    @Binding var user : UserModel?
    var body: some View {
        GeometryReader{ geo in
            
            VStack(alignment: .trailing, spacing: 10) {
                RoundedRectangle(cornerRadius: 20)
                    .stroke(Color.primary, lineWidth: 2)
                    .frame(width: geo.size.width, height: 200)
                    
                    .padding(.horizontal)
            }
        }
    }
}

//看图：

我希望我的矩形保持在视图的中心...

谢谢..

【问题讨论】：

标签： swift swiftui

【解决方案1】：

在帧之前设置水平填充。

RoundedRectangle(cornerRadius: 20)
    .stroke(Color.primary, lineWidth: 2)
    .padding(.horizontal)// << Here
    .frame(width: geo.size.width, height: 200)

或将大小设置为VStack。

 VStack(alignment: .trailing, spacing: 10) {
                RoundedRectangle(cornerRadius: 20)
                    .stroke(Color.primary, lineWidth: 2)
                    .frame(width: geo.size.width, height: 200)
                
                    .padding(.horizontal)
}.frame(width: geo.size.width, height: geo.size.height) // <<=== Here

【讨论】：