douglasjunior / react-native-keyboard-manager

⚛ Library to prevent issues of keyboard sliding up and cover inputs on React-Native iOS projects.
https://www.npmjs.com/package/react-native-keyboard-manager
MIT License
952 stars 60 forks source link

Bug: keyboard extra animation #84

Closed IvanMatchyn closed 2 years ago

IvanMatchyn commented 2 years ago

When keyboard appears there is some unexpected behavior

https://user-images.githubusercontent.com/26736742/144088427-f5f04a1b-7e4e-41c9-bb3b-6a1f491426c3.mp4

Any idea?

douglasjunior commented 2 years ago

Probably because the background view is "flex: 1" and covers all the screen. This also happens with us on some inputs inside Dialogs.

You can try to update the version of IQKeyboardManager and see if the issue is resolved. Or even try to report the problem on their GitHub.

To update add this to your ios/Podfile:

    pod 'IQKeyboardManagerSwift', '6.5.9'
pie6k commented 2 years ago

Probably because the background view is "flex: 1" and covers all the screen. This also happens with us on some inputs inside Dialogs.

You can try to update the version of IQKeyboardManager and see if the issue is resolved. Or even try to report the problem on their GitHub.

To update add this to your ios/Podfile:

    pod 'IQKeyboardManagerSwift', '6.5.9'

What is the problem with having flex: 1 in background view? I'm not sure I understand how does it interfere with manager behavior?

Also, if I add pod 'IQKeyboardManagerSwift', '6.5.9' to my pod file and try to pod install or pod update I get

[!] CocoaPods could not find compatible versions for pod "IQKeyboardManagerSwift":
  In Podfile:
    IQKeyboardManagerSwift (= 6.5.9)

    ReactNativeKeyboardManager (from `../node_modules/react-native-keyboard-manager`) was resolved to 6.5.4-alpha.2, which depends on
      IQKeyboardManagerSwift (= 6.5.4)

Specs satisfying the `IQKeyboardManagerSwift (= 6.5.9), IQKeyboardManagerSwift (= 6.5.4)` dependency were found, but they required a higher minimum deployment target.
ddikodroid commented 2 years ago

Probably because the background view is "flex: 1" and covers all the screen. This also happens with us on some inputs inside Dialogs.

You can try to update the version of IQKeyboardManager and see if the issue is resolved. Or even try to report the problem on their GitHub.

To update add this to your ios/Podfile:

    pod 'IQKeyboardManagerSwift', '6.5.9'

i try to remove flex:1 but the extra animation is still appear

IvanMatchyn commented 2 years ago

@ddikodroid try to change View to ScrollView to the wrapper component. It's helped me.