禁用Form滚动后View出现向下抖动问题，求SwiftUI解决方案

问题分析 #

切换到SignUpNameView时视图向下抖动，核心原因是Form作为默认滚动容器，禁用滚动后与系统默认的布局调整逻辑（如键盘弹出时的位置适配、导航栏变化）产生冲突。你之前给VStack加scrollDisabled没用，是因为VStack本身不是滚动容器，Form才是需要控制的对象。

解决方案 #

方案1：用自定义布局替代Form（推荐） #

Form自带的滚动特性和系统默认行为很难完全消除冲突，直接用VStack+自定义Section样式，完全掌控布局：

struct SignUpNameView: View {
    @State private var firstName = ""
    @State private var lastName = ""
    @State private var birthDate = Date.now

    var body: some View {
        ZStack {
            VStack(spacing: 20) {
                // 自定义姓名输入区块
                VStack(alignment: .leading, spacing: 8) {
                    Text("First name")
                        .font(.headline)
                        .padding(.horizontal)
                    TextField("First name", text: $firstName)
                        .padding(13)
                        .overlay(RoundedRectangle(cornerRadius: 9).stroke(.gray))
                        .padding(.horizontal)
                        .submitLabel(.done)
                }

                // 自定义姓氏输入区块
                VStack(alignment: .leading, spacing: 8) {
                    Text("Last name")
                        .font(.headline)
                        .padding(.horizontal)
                    TextField("Last name (Optional)", text: $lastName)
                        .padding(13)
                        .overlay(RoundedRectangle(cornerRadius: 9).stroke(.gray))
                        .padding(.horizontal)
                        .submitLabel(.done)
                }

                Spacer()

                Button(action : {
                    print("Already")
                }) {
                    Text("Already have an account?")
                        .padding()
                }
                
                Spacer()
                
                NavigationLink(value: SignUpDate()) {
                    Text("Continue")
                        .fontType1()
                }
                .buttonType1(x: 0, y: 0)
            }
        }
        .navigationDestination(for: SignUpDate.self) { destination in
            SignUpDateView()
        }
        .toolbarSignUp(currentStep: 1, lastStep: 4)
    }
}

方案2：保留Form并调整滚动/键盘策略 #

如果必须保留Form，尝试添加键盘关闭策略，避免系统自动调整滚动位置：

Form {
    Section(header: Text("First name")) {
        TextField("First name", text: $firstName)
            .padding(13)
            .overlay(RoundedRectangle(cornerRadius: 9).stroke(.gray))
            .submitLabel(.done)
    }

    Section(header: Text("Last name")) {
        TextField("Last name (Optional)", text: $lastName)
            .padding(13)
            .overlay(RoundedRectangle(cornerRadius: 9).stroke(.gray))
            .submitLabel(.done)
    }
}
.scrollContentBackground(.hidden)
.scrollDisabled(true)
.scrollDismissesKeyboard(.never) // 禁止键盘触发滚动调整

另外，也可以调整视图切换动画，减少抖动感知：

.navigationDestination(for: SignUpDate.self) { destination in
    SignUpDateView()
        .transition(.opacity) // 替换默认滑动动画
}

总结 #

禁用Form滚动本质上违背了Form的设计初衷，容易触发布局冲突。自定义布局是最彻底的解决方式，既能避免抖动，也能更灵活地控制UI样式。

内容的提问来源于stack exchange，提问作者younes alaoui