Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

React Native: Animated node with tag 1 does not exists

I keep getting the error:

Animated node with tag 1 does not exists

Im not event using the Animated Tag in any of my code so why do I get this error.

This is my package.json

        {
      "main": "node_modules/expo/AppEntry.js",
      "scripts": {
        "start": "expo start",
        "android": "expo start --android",
        "ios": "expo start --ios",
        "web": "expo start --web",
        "eject": "expo eject"
      },
      "dependencies": {
        "@react-native-community/async-storage": "^1.12.1",
        "@react-native-community/masked-view": "^0.1.10",
        "@react-navigation/native": "^5.9.3",
        "@react-navigation/stack": "^5.14.3",
        "expo": "~40.0.0",
        "expo-status-bar": "~1.0.3",
        "jquery": "^3.6.0",
        "react": "17.0.1",
        "react-dom": "16.13.1",
        "react-native": "^0.64.0-rc.4",
        "react-native-android-permissions": "^1.0.2",
        "react-native-device-uuid": "^1.2.0",
        "react-native-gesture-handler": "^1.8.0",
        "react-native-incall-manager": "^3.3.0",
        "react-native-paper": "^4.7.2",
        "react-native-peerjs": "^1.0.4",
        "react-native-permissions": "^3.0.1",
        "react-native-safe-area-context": "^3.1.9",
        "react-native-screens": "^2.15.2",
        "react-native-vector-icons": "^8.1.0",
        "react-native-web": "~0.13.12",
        "react-native-webrtc": "^1.89.1",
        "react-native-webview": "^11.0.0",
        "socket.io-client": "^4.0.0"
      },
      "devDependencies": {
        "@babel/core": "^7.9.0"
      },
      "private": true
    }

if you require more files, please ask?

like image 574
redoc01 Avatar asked Mar 28 '21 07:03

redoc01


People also ask

What kind of animation does react native support?

React Native provides two complementary animation systems: Animated for granular and interactive control of specific values, and LayoutAnimation for animated global layout transactions. Animated API# The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way.

What are unique components in react animate?

These unique components do the magic of binding the animated values to the properties, and do targeted native updates to avoid the cost of the React render and reconciliation process on every frame. They also handle cleanup on unmount so they are safe by default. createAnimatedComponent () can be used to make a component animatable.

How does the animated API work with native?

The Animated API is designed to be serializable. By using the native driver, we send everything about the animation to native before starting the animation, allowing native code to perform the animation on the UI thread without having to go through the bridge on every frame.

What is the use of animated class in react?

All animated values derive from this class. Make any React component Animatable. Used to create Animated.View, etc. Imperative API to attach an animated value to an event on a view.


Video Answer


1 Answers

Just go down 1 version, so react-native: ^0.63.0

Expo is currently not supporting react-native 0.64.0+

Expo:

Today we’re announcing the release of Expo SDK 41. SDK 41 includes React Native 0.63, the same version as in SDK 40. Thank you to everyone that helped with beta testing. Curious why we didn’t include the recently released React Native 0.64? Learn more.)

UPDATE: doing expo upgrade looks to also fix the issue. Just worked for me

like image 142
anonymous contributer Avatar answered Oct 21 '22 17:10

anonymous contributer