After focusing field, weird second scroll adjustments (video showing)

[matheuscouto]

I'm having this weird "second adjustment" delayed behavior, my keyboardOpeningTime is set to 0.

[matheuscouto]

Btw I just managed to avoid this "second adjustment" disabling the scroll if keyboard is opened. Not ideal but for my case doesn't matter, but still something should be addressed

[alexyca]

@matheuscouto nice trick, I made a custom component that implements this and it works like a charm :

const MKeyboardScrollView = (props: MKeyboardScrollViewProps) => {
  // States
  const [keyboardOpen, setKeyboardOpen] = React.useState(false);

  useEffect(() => {
    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', keyboardDidShow);
    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', keyboardDidHide);

    return () => {
      keyboardDidShowListener.remove();
      keyboardDidHideListener.remove();
    };
  }, []);

  const keyboardDidShow = () => {
    console.log('Keyboard Shown');
    setKeyboardOpen(true);
  };

  const keyboardDidHide = () => {
    console.log('Keyboard Hidden');
    setKeyboardOpen(false);
  };

  function dismissKeyboard() {
    if (Platform.OS != 'web') {
      Keyboard.dismiss();
    }
  }

  return (
    <KeyboardAwareScrollView
      extraScrollHeight={Platform.OS === 'ios' ? 20 : 0}
      enableResetScrollToCoords={true}
      enableAutomaticScroll={!keyboardOpen}
      bounces={false}>
      <ScrollView style={{ flexGrow: 1 }}>
        <TouchableWithoutFeedback onPress={dismissKeyboard}>
          {props.children}
        </TouchableWithoutFeedback>
      </ScrollView>
    </KeyboardAwareScrollView>
  );
};

[alainib]

@alexyca hello, i'm trying your solution. On IOS i have a weirds effect on keyboard, it's close and open when i click next (in keyboard pan) between two inputs

i use exact same code you posted.

Did you have this behavior or a fix please ? thanks

[alexyca]

@alexyca hello, i'm trying your solution. On IOS i have a weirds effect on keyboard, it's close and open when i click next (in keyboard pan) between two inputs

i use exact same code you posted.

Did you have this behavior or a fix please ? thanks

I never used "next" button before 😅 !

However, you could add a "trick" from my script by upgrading dismisskeyboard function by checking the type of event that trigger the function, you may be able to differenciate physical touch event and next button event on keyboard ?

[manjeetcars24]

@alexyca use autoFocus ={true} on every field u can set it to true on next press of previous field