选择文本框时，视图消失并向上滑动；点击键盘时，视图消失

Question

I am trying to replicate whatsapp, imessage etc. keyboard going up with the send button/textfield sitting right on top of it I have one TableView and a container view that holds the textfield and the send button.

Everytime i tap on the textfield the container view goes up and "sits" on the keyboard, BUT once i start typing the container view disappears and goes to the bottom where initially was. Why is this happening??

override func viewDidLoad() {
messageTextfield.delegate=self
NotificationCenter.default.addObserver(self, selector: #selector(ViewController.keyboardWillShow(_:)), name:NSNotification.Name.UIKeyboardWillShow, object: self.view.window)
NotificationCenter.default.addObserver(self, selector: #selector(ViewController.keyboardWillHide(_:)), name:NSNotification.Name.UIKeyboardWillHide, object: self.view.window)
}

@objc func keyboardWillShow(_ sender: Notification) {

   let duration = sender.userInfo![UIKeyboardAnimationDurationUserInfoKey] as! Double
    let curve = sender.userInfo![UIKeyboardAnimationCurveUserInfoKey] as! UInt
    let beginningFrame = (sender.userInfo![UIKeyboardFrameBeginUserInfoKey] as! NSValue).cgRectValue
    let endFrame = (sender.userInfo![UIKeyboardFrameEndUserInfoKey] as! NSValue).cgRectValue
    let deltaY = endFrame.origin.y - beginningFrame.origin.y

    UIView.animateKeyframes(withDuration: duration, delay: 0.0, options: UIViewKeyframeAnimationOptions(rawValue: curve), animations: {
        self.containerView.frame.origin.y += deltaY
    }, completion: nil)

}


@objc func keyboardWillHide(_ sender: Notification) {
    let userInfo: [AnyHashable: Any] = sender.userInfo!
    let keyboardSize: CGSize = (userInfo[UIKeyboardFrameBeginUserInfoKey]! as AnyObject).cgRectValue.size
    self.containerView.frame.origin.y += keyboardSize.height

}
override func viewDidDisappear(_ animated: Bool) {
    NotificationCenter.default.removeObserver(self, name: NSNotification.Name.UIKeyboardWillShow, object: self.view.window)
    NotificationCenter.default.removeObserver(self, name: NSNotification.Name.UIKeyboardWillHide, object: self.view.window)
}



func textFieldShouldReturn(_ textField: UITextField) -> Bool {
    textField.resignFirstResponder()
    return true
}


override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?){

   super.touchesBegan(touches, with: event)
    view.endEditing(true)
}

Answer 1

The problem in your code is that you increase y position of container view in both keyboard show/hide , so Change to this

 @objc  func handleKeyboardDidShow (notification: NSNotification)
 {
    let keyboardRectAsObject = notification.userInfo![UIKeyboardFrameEndUserInfoKey] as! NSValue

    var keyboardRect = CGRect.zero

    keyboardRectAsObject.getValue(&keyboardRect)

    self.containerViewBotcon.constant = -1 * keyboardRect.height 

    UIView.animate(withDuration: 0.5,animations: {

       self.view.layoutIfNeeded()

    })

} 

@objc func handleKeyboardWillHide(notification: NSNotification)
{

    self.containerViewBotcon.constant = 0

    UIView.animate(withDuration: 0.5,animations: {

       self.view.layoutIfNeeded()

    })

}