After upgrade to SDK 41 I can't use React Native Animated

Expo SDK
1

Hi, I’m using this approach to animate some elements:

const fadeAnim = useRef(new Animated.Value(0.5)).current;

const animationLastStyle = {
    opacity: fadeAnim,
    transform: [
      {
        translateY: fadeAnim.interpolate({
          inputRange: [0, 1],
          outputRange: [-100, 0],
        }),
      },
    ],
  };

That is based on a React Native official website example. After upgrade to SDK 41, I get the error interpolate is removed, use interpolateNode instead (a requirement of Reanimated 2).

But I don’t want to use Reanimated, I just want to still use the Animated API from React Native. I don’t know why is this happening because I still have the React Native import: import { Animated } from "react-native".

2

It’s an issue with React Navigation 4. The fix: hide the message.

import { LogBox } from 'react-native';
LogBox.ignoreLogs(['Reanimated 2']);
3

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.