iOS 16.4.1中浮动按钮随键盘移位且无法复位问题求助

核心问题根源 #

1. 固定Frame与AutoresizingMask冲突：通过view.bounds计算固定Frame定位按钮，同时设置了.flexibleWidth和.flexibleHeight的autoresizingMask，iOS16.4.1中视图布局逻辑调整后，键盘弹出时父视图bounds变化会导致按钮被错误拉伸/移位。
2. SwiftUI的ignoresSafeArea滥用：按钮添加了.ignoresSafeArea(.all)，破坏了UIKit与SwiftUI的布局协同，导致点击区域与视觉位置脱节。
3. 未适配键盘动态变化：仅依赖初始Frame定位，未监听键盘弹出/收起事件调整按钮位置。

具体修复步骤 #

1. 替换Frame为AutoLayout约束

删除基于bounds计算Frame的代码，改用约束固定按钮的中心X和底部偏移，适配所有设备：

func setupCheckAndGoButton() {
    let loginLater = UserDefaults.standard.bool(forKey: Constants.LOGIN_LATER)
    cgFloatingButton = CGFloatingButton(onTap: {
        self.gotoCheckandGo()
    })
    cgFButtonHController = UIHostingController(rootView: cgFloatingButton)
    self.addChild(cgFButtonHController)
    
    // 禁用autoresizingMask，改用AutoLayout
    cgFButtonHController.view.translatesAutoresizingMaskIntoConstraints = false
    cgFButtonHController.view.backgroundColor = UIColor.clear
    cgFButtonHController.view.isHidden = true
    self.floatingTabBar.tabBarCheckAndGoButtonView.isHidden = true
    
    if loginLater == false {
        view.addSubview(cgFButtonHController.view)
        // 添加约束：中心X对齐父视图，底部偏移根据设备调整
        var bottomOffset: CGFloat = 117
        switch deviceType {
        case .iPhone8, .iPhone8Plus, .iPhoneSE:
            bottomOffset = 90
        default:
            bottomOffset = 117
        }
        NSLayoutConstraint.activate([
            cgFButtonHController.view.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            cgFButtonHController.view.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -bottomOffset),
            cgFButtonHController.view.widthAnchor.constraint(equalToConstant: 65),
            cgFButtonHController.view.heightAnchor.constraint(equalToConstant: 65)
        ])
    } else {
        self.floatingTabBar.isHidden = true
    }
    cgFButtonHController.didMove(toParent: self) // 完成子控制器添加流程
}

2. 修正SwiftUI按钮的ignoresSafeArea设置

移除.ignoresSafeArea(.all)，避免布局冲突：

import SwiftUI
struct CGFloatingButton: View {
    var onTap: () -> Void = { }
    var body: some View {
        Button(action: {
            onTap()
        }) {
            Image("cg_btn")
                .resizable()
                .frame(width: 65, height: 65)
                .background(Color.white)
                .foregroundColor(.white)
                .clipShape(Circle())
                .shadow(radius: 2)
        }
        // 若需覆盖底部安全区，可改为.ignoresSafeArea(.container, edges: .bottom)，而非全局忽略
    }
}

3. 添加键盘监听动态调整位置（可选）

如果需要按钮在键盘弹出时自动上移，添加键盘通知监听：

// 在控制器viewDidLoad中注册监听
override func viewDidLoad() {
    super.viewDidLoad()
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow(_:)), name: UIResponder.keyboardWillShowNotification, object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide(_:)), name: UIResponder.keyboardWillHideNotification, object: nil)
}

// 定义全局底部约束变量，方便动态修改
private var bottomConstraint: NSLayoutConstraint!

// 在setupCheckAndGoButton中替换底部约束创建逻辑：
bottomConstraint = cgFButtonHController.view.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -bottomOffset)
bottomConstraint.isActive = true

// 键盘弹出/收起处理
@objc private func keyboardWillShow(_ notification: Notification) {
    guard let keyboardFrame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
    let keyboardHeight = keyboardFrame.height
    bottomConstraint.constant = -(keyboardHeight + 20) // 20为按钮与键盘的间距
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

@objc private func keyboardWillHide(_ notification: Notification) {
    var bottomOffset: CGFloat = 117
    switch deviceType {
    case .iPhone8, .iPhone8Plus, .iPhoneSE:
        bottomOffset = 90
    default:
        bottomOffset = 117
    }
    bottomConstraint.constant = -bottomOffset
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

// 控制器销毁时移除监听
deinit {
    NotificationCenter.default.removeObserver(self)
}

验证要点 #

• 调试视图层级，确认按钮约束无冲突、未超出容器范围
• 测试键盘弹出/收起流程，观察按钮位置是否正常复位
• 验证按钮点击区域与视觉位置完全匹配

内容的提问来源于stack exchange，提问作者Xavier Duvan Melo