SwiftUI中offset方法导致TextField偏移过度问题求助

问题根源是SwiftUI默认会自动调整视图位置以避免键盘遮挡，当你手动添加offset时，会和系统的自动调整叠加，导致偏移过度。以下是两种可行的解决方法：

方法1：直接禁用系统键盘自动调整（推荐） #

在根视图层级添加ignoresSafeArea(.keyboard)，完全接管视图偏移的控制权：

修改后的核心代码：

var body: some View {
    VStack {
        Spacer()
        
        TextField("Ask a question here", text: $messageText)
            .padding()
            .background(Color.white)
            .foregroundStyle(Color.black)
            .cornerRadius(10)
            .focused($isFocused)
    }
    .offset(y: -keyboardHeight)
    .padding(.horizontal, 10)
    .ignoresSafeArea(.keyboard) // 禁用系统自动键盘调整
    .onAppear {
        NotificationCenter.default.addObserver(forName: UIResponder.keyboardWillShowNotification, object: nil, queue: .main) { (noti) in
            let value = noti.userInfo![UIResponder.keyboardFrameEndUserInfoKey] as! CGRect
            keyboardHeight = value.height
        }
        
        NotificationCenter.default.addObserver(forName: UIResponder.keyboardWillHideNotification, object: nil, queue: .main) { (noti) in
            keyboardHeight = 0
        }
    }
    .padding()
    .onChange(of: keyboardHeight) {
        print("Keyboard height: " + String(describing:(keyboardHeight)))
        print("Screen height: " + String(describing:(UIScreen.main.bounds.height)))
    }
}

方法2：用ScrollView包裹并禁用自动调整（适合复杂布局） #

如果你的页面需要滚动，可通过自定义ScrollView禁用系统自动调整，避免全局影响：

首先创建自定义ScrollView组件：

struct NoAutoAdjustScrollView<Content: View>: View {
    let content: Content
    
    init(@ViewBuilder content: () -> Content) {
        self.content = content()
    }
    
    var body: some View {
        ScrollView {
            content
        }
        .onAppear {
            UIScrollView.appearance().contentInsetAdjustmentBehavior = .never
        }
        .onDisappear {
            UIScrollView.appearance().contentInsetAdjustmentBehavior = .automatic
        }
    }
}

然后修改ContentView：

var body: some View {
    NoAutoAdjustScrollView {
        VStack {
            Spacer()
            
            TextField("Ask a question here", text: $messageText)
                .padding()
                .background(Color.white)
                .foregroundStyle(Color.black)
                .cornerRadius(10)
                .focused($isFocused)
        }
        .offset(y: -keyboardHeight)
        .padding(.horizontal, 10)
        .padding()
    }
    .onAppear {
        // 键盘监听代码不变
    }
    .onChange(of: keyboardHeight) {
        // 打印代码不变
    }
}

补充提示 #

• 若需要更精准的偏移，可计算TextField底部到屏幕底部的距离，用keyboardHeight减去该距离作为偏移量，避免过度上移。
• 方法1适合简单布局，方法2适合需要滚动的复杂页面，记得在onDisappear恢复默认设置，避免影响其他页面。

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