TextInput Keyboard does not work with tabs

[SupriyaPKalghatgi]

Current behavior

iOS: TextInput hides behind Keyboard

Android: Need to click twice on textInput

Expected behavior

iOS: TextInput should be scrolled when Keyboard is open
Android: TextInput should remain open on 1st click

Reproduction

https://snack.expo.dev/qhAuLMpOh

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Environment

package	version
react-native-tab-view	^3.1.1
react-native-pager-view	5.4.6
react-native	0.64.3
expo	^43.0.0
node	16.13.0
npm or yarn	8.1.0, 1.22.17

[github-actions]

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• react-native-pager-view (found: 5.4.6, latest: 5.4.9)
• react-native (found: 0.64.3, latest: 0.66.3)
• expo (found: 43.0.0, latest: 43.0.3)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[SupriyaPKalghatgi]

The issue is with latest versions too

[github-actions]

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• react-native-pager-view (found: 5.4.6, latest: 5.4.9)
• react-native (found: 0.64.3, latest: 0.66.3)
• expo (found: 43.0.0, latest: 43.0.4)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[SupriyaPKalghatgi]

@satya164 Can you please confirm on this?

[okwasniewski]

Hey @SupriyaPKalghatgi please check this snack I think it might help you. Let me know if it fixed the issue for you.

[SupriyaPKalghatgi]

@okwasniewski Hey! Thanks for taking a look over this
I checked your snack, Textbox doesn't take input

[okwasniewski]

Textbox doesn't take input

@SupriyaPKalghatgi I've updated the snack, my point was that it now avoids the keyboard both on iOS and Android.

[yoann84]

It finally works for me by offsetting the size of the view with keyboardVerticalOffset

<KeyboardAvoidingView style={{ flex: 1 }} keyboardVerticalOffset={bottomTabHeight + 100} // where 100 is the size of the view behavior={Platform.OS === "ios" ? "padding" : "height"}> <KlubFeedMessage /> </KeyboardAvoidingView>