React Native - useAnimatedRef scrollToOffset 사용하기(타입스크립트)

 

그냥 flatList ref는 보통 이렇게 사용했을거다.

ref = useRef(null);

ref.current?.scrollToOffset({offset: 0, animated: true})

 

그런데 useAnimatedRef를 쓰면 ref.current에 scrollToOffset이 없다고 타입에러가 뜰것임.

  const ref = useAnimatedRef<Animated.FlatList<any>>();
  
  ref.current?.scrollToOffset({offset: 0, animated: true});

 

원래 쓰던대로 쓰는방법은 바로~ react-native-reanimated.d.ts 파일에 가서 수정해주면댐.

export interface FlatList<T> extends ReactNativeView<T> {}

->  export interface FlatList<T> extends ReactNativeFlatList<T> {}

 

어째 FlatList<T> 가 ReactNativeView<T> 타입을 확장받고있어서,, FlatList로 고쳐주면된다.

스택오버플로우에서 삽질함.

 

대신 pod install을  하게되면 다시 이전으로 돌아가므로,, Merge를 기다리며 그냥 코드한줄만 수정하고있따.

까먹을가봐 기록