'MutableRefObject<FlatList<any> | undefined>' is not assignable to type 'LegacyRef<FlatList<DataType>> | undefined'.

[NguyenHoangMinhkkkk]

does someone know solution ?

//createRef not works for current.getNode().scrollToIndex but useRef work well with current.scrollToIndex

//const flatListRef = React.createRef<Animated.FlatList>();
const flatListRef = React.useRef();

<Animated.FlatList ref={flatListRef} />

dependencies:
"react-native": "0.71.8"
"react-native-reanimated": "^3.2.0"

[tjzel]

Hi @NguyenHoangMinhkkkk. What is the exact version of react-native-reanimated that you use?

[NguyenHoangMinhkkkk]

hi.
versions are:
"react-native": "0.71.8"
"react-native-reanimated": "^3.2.0"

"typescript": "4.8.4"

[NguyenHoangMinhkkkk]

i tried to upgrade react-native-reanimated 3.3.0/ and nothing changed.

[tjzel]

You actually should use useAnimatedRef from react-native-reanimated when trying to ref Animated components. Please tell me if using it fixes your problem.

[gradaom]

It seems that you are encountering an issue with using createRef for the scrollToIndex method in React Native, but useRef works well with it.

In React Native, the createRef function creates a ref that can be used to access DOM elements or components. However, it may not work as expected with certain methods or properties of third-party libraries.

To resolve this issue, you can continue using useRef instead of createRef. Here's how you can modify your code:

const flatListRef = React.useRef();

<Animated.FlatList ref={flatListRef} />

With this change, you can now use flatListRef.current.scrollToIndex without any issues.

Please make sure that you have the necessary versions of React Native and React Native Reanimated installed. Checking for compatibility among different packages and versions is important to ensure smooth functioning.

If you need further assistance or have any more questions, feel free to ask!

[NguyenHoangMinhkkkk]

it works but TS error, could you please help.

[tjzel]

@NguyenHoangMinhkkkk you should do

const ref = useAnimatedRef<Animated.FlatList>();