Can't scroll on Android until keyboard is dismissed and re-opened

[techrah]

AndroidManifest.xml

<application
  ...
  <activity
    ...
    android:windowSoftInputMode="adjustPan">
    ...

Then:

<KeyboardAwareScrollView
  style={{ flex: 1 }}
  keyboardShouldPersistTaps="handled"
  enableOnAndroid
>

Works perfectly on iOS. However, on Android, let's say I start off with a screen in which the keyboard is already showing and I move on to another screen without first dismissing the keyboard. When the next screen is moved into place, the keyboard stays open and the appropriate TextInput receives focus (both due to autoFocus) but I'm unable to scroll. The TextInput is about 96% visible (by chance due to its location). If I try to scroll, the keyboard gets dismissed (because I couldn't scroll, it interprets the touch as a tap, I guess). Now, if I tap on a TextInput to bring up the keyboard again, scroll works fine.

On iOS, when the new screen moves into place, the view is automatically scrolled into place with animation and the scroll works as expected.

Is anyone else experiencing this? Is there a solution?

[dreamHeroK]

I have the same problem.

[a-morenovalls]

Can't reproduce the issue, can you provide some code and a visual example?

[YoloIT]

Switch APP to the background and restore it again. All input boxes will have this problem.

[techrah]

It happens if the new screen being navigated to has a TextInput control with the autoFocus prop set. Dismissing the keyboard with Keyboard.dismiss() before navigating to the new screen seems to help, though it hasn't fixed it completely.

[a-morenovalls]

Which version are you using guys? The actual behaviour is: you tap a button with keyboardShouldPersistTaps set to handled, the keyboard is dismissed and the new screen/modal is opened with the input, which causes opening the keyboard again and working fine.

[kalraneeraj24550]

in android.manifest.

just do,
android:windowSoftInputMode="adjustPan"
and then it will allow work .extraHeight prop and you good to go

[a-eid]

I'm having the kinda the same issue on android, I'm using expo.

[fawaz-ahmed-toptal]

This is happening on android because you have a scrollview inside keyboard aware scroll view. A workaround can be to have your scroll items wrapped in Touchable like this:

const onPressIn = () => {
    if (Platform.OS === 'android') Keyboard.dismiss();
  }

  const renderItem = item => (
    <TouchableOpacity style={styles.item} onPress={onItemPressed(item)} onPressIn={onPressIn}>
      <Text>{item}</Text>
    </TouchableOpacity>
  );

and you close the keyboard as soon as user tries to access any item inside the nested scroll container.