I use below code to get keyboard height. Then use this height to calculate the frame of an UIView
to make sure this UIView
just on the top of the keyboard.
But in iPhoneX simulator the output is 333
and the iPhone 8 simulator is 258
.
ISSUE: If use rect.height
as the keyboard height for iPhone 8 simulator then the layout is correct. For iPhone X there's a gap between the UIView
and keyboard. Which means 333
is higher than the real keyboard height in iPhone X.
What's the reason of the height are different? And how to get the correct keyboard height?
NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow), name: .UIKeyboardWillShow, object: nil)
@objc func keyboardWillShow(_ notification: NSNotification) {
if let rect = (notification.userInfo?[UIKeyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue {
print(rect.height)
}
}
Like this image, the green border should be the extra part. Actually, I need the red part just on the top of keyboard without the green rect gap.
EDIT
OK, with @Craig's help I found this method only called by iPhone X. So I update frame here. Just paste the code here.
The safe area bottom height is 22.0 seems not correct.
override func viewSafeAreaInsetsDidChange() {
if #available(iOS 11.0, *) {
super.viewSafeAreaInsetsDidChange()
view.safeAreaInsets.bottom // This value is the bottom safe area place value.
}
}
EDIT2
Normally view.safeAreaInsets.bottom
should be 34.0, but if you are using container view this value can be different like mine is 22.0.
The top of the keyboard needs to be about 2 inches from the bottom of the *device* as it is held. Prior to the iPhone X, this is easy because all devices used the exact same bezel insets, so it's 216 pts from the bottom of the screen.
Change the size of your keyboard If you have multiple keyboards enabled, just tap and hold on the emoticon or globe icon at the bottom left of your keyboard and you'll see the option to squash the keyboard to either the left- or right-hand side of your phone's screen.
While Craig's answer is correct, you might not want to pin your view to view.bottom or the bottomLayoutGuide rather than the safe area bottom (especially if your keyboard is not always open, and you don't want your views to cover the Home Indicator area).
Here is a fix for these cases. It deducts the height of the bottom inset of the safe area from the height of the keyboard:
var keyboardHeight = ... // Get the keyboard height from keyboard notification
if #available(iOS 11.0, *) {
let bottomInset = view.safeAreaInsets.bottom
keyboardHeight -= bottomInset
}
The keyboard height for both iPhone X and iPhone 8 should be correct. I can only guess that maybe you have a problem in your code for locating the "red part", and your assumption was that the keyboard height was incorrect whereas the problem was actually in the location of the view. Now - the reason for the location problem? My second guess is the red part is pinned to the bottom safe area layout guide, which on the iPhone 8 is 0, but on the iPhone X is inset 34 points.
See this image to illustrate both the difference in keyboard heights and that it is possible to draw a rectangle just above the keyboard using the keyboard height from the keyboard height reported in the NSNotification
for the keyboardWillShow
method:
If you want to share your code / constraints for positioning the red view, I should be able to show you the problem.
--Edit: For anyone interested to know how I extract the drew the red rectangle, I go into it in a blog post here.
This works for every device and iOS version so far
- (void)keyboardWillShown:(NSNotification*)aNotification
{
NSDictionary* info = [aNotification userInfo];
CGFloat kbHeight = [[info objectForKey:UIKeyboardFrameEndUserInfoKey] CGRectValue].size.height;
CGFloat safeAreaBottomInset = 0;
if (@available(iOS 11.0, *)) {
safeAreaBottomInset = self.view.safeAreaInsets.bottom;
}
self.containerViewBottomConstraint.constant += (kbHeight - safeAreaBottomInset); //In my case I use a constraint to adapt the UI when the keyboard is presented
[self.view layoutIfNeeded];
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With