scrollToFocusedInput does not work/ exists anymore on the props

[NiharR27]

Using: "react-native-keyboard-aware-scroll-view": "^0.9.5", "react-native": "0.67.4" Replicated with: iOS and Android devices.

Code:

const scrollToInput = React.useCallback((reactNode: number | null) => {

    currentInputScroll.current._internalFiberInstanceHandleDEV.memoizedProps.scrollToFocusedInput( 
      reactNode,
    );
  }, []);

<KeyboardAwareScrollView
   keyboardOpeningTime={0}
    enableOnAndroid={true}
    innerRef={(ref: any) => (currentInputScroll.current = ref)}>
<View>
......
<TextInput onFocus={(event: any) => scrollToInput(findNodeHandle(event.target))}> </TextInput> 
</View>
</KeyboardAwareScrollView>

Problem:

Readme suggested to use:

  // Add a 'scroll' ref to your ScrollView
  this.scroll.props.scrollToFocusedInput(reactNode)
}

Here, the currentInputScroll.current no longer has props inside it, and looking at Stack Overflow, i found the example to use

._internalFiberInstanceHandleDEV.memoizedProps.scrollToFocusedInput( 
      reactNode,
    );

which does not work either....

Console logging currentInputScroll.current inside the scrollToInput callback gives:

The problem is that the scroll works when you click the first text input, but when you hit the second text input, it doesn't go to that text input and rather jumps the scroll to the first one... I console logged the findNodeHandle(event.target) and that seem to give correct number (in terms of increasing as you click the text input below... Any idea why?

[luluhoc]

https://github.com/APSL/react-native-keyboard-aware-scroll-view/issues/451#issuecomment-772330068

[jordzawada]

I sort of have this working. The issue is it only puts the input to the top of screen and I need it in the middle.

this.scrollRef.scrollTo({ y: findNodeHandle(reactNode), animated: true });