Emulating scrollToPosition with KeyboardAwareScrollView (from react-native-keyboard-aware-scroll-view) with this package?

[tibbe]

I'm replacing react-native-keyboard-aware-scroll-view with react-native-keyboard-controller and I'm trying to mimic the behavior of the scrollToPosition method on KeyboardAwareScrollView in the former package. So far I've tried:

(Relevant snippets:)

import Reanimated, {scrollTo, useAnimatedRef} from 'react-native-reanimated';

const MyComponent = () => {
  const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();
  const doScroll = React.useCallback(() => {
    scrollTo(
        scrollViewRef,
        0,
        y - SCROLL_ANIMATION_TOP_PADDING,
        true,
    );
  }, [...]);

  // CustomReportForm wraps the KeyboardAwareScrollView:
  return (
    // Calls doScroll somewhere here
    <CustomReportForm ref={scrollViewRef} />
  );
};

import {KeyboardAwareScrollView} from 'react-native-keyboard-aware-scroll-view';

const CustomReportForm = forwardRef<ScrollView, Props>(
  (
    props: Props,
    ref,
  )=> {
    return (
      <KeyboardAwareScrollView
       ref={ref}
       keyboardShouldPersistTaps="handled">
        // ...
      </KeyboardAwareScrollView>
    );
  },
);

Unfortunately nothing happens. I've added logging to confirm that scrollTo is called with sensible values (that worked with the other package).

[IvanIhnatsiuk]

@tibbe could you try to wrap scrollTo in runOnUI?

const MyComponent = () => {
  const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();
  const doScroll = React.useCallback(() => {
   "worklet";
  
    runOnUI(scrollTo)(
        scrollViewRef,
        0,
        y - SCROLL_ANIMATION_TOP_PADDING,
        true,
    );
  }, [...]);

  // CustomReportForm wraps the KeyboardAwareScrollView:
  return (
    // Calls doScroll somewhere here
    <CustomReportForm ref={scrollViewRef} />
  );
};

[tibbe]

Using a RN ScrollView ref to capture the KeyboardAwareScrollView and then just calling ref.current.scrollTo on that worked. Not sure why I didn't try that to begin with.