lottie-react-native: Invariant Violation: requireNativeComponent: "LottieAnimationView" was not found in the UIManager.

Description

Not Able to render LottieAnimationView, following Expo documentation

Steps to Reproduce

  1. Go to this link and follow these steps

Expected behavior: [What you expected to happen]

Actual behavior: [What actually happened]

Screenshot_2023-03-08-19-18-49-39_04fa9f97e491e4037ef2b35af8a2be51

Versions

{
  'photo-compare': '1.0.0',
  npm: '8.19.1',
  node: '16.17.0',
  v8: '9.4.146.26-node.22',
  uv: '1.43.0',
  zlib: '1.2.11',
  brotli: '1.0.9',
  ares: '1.18.1',
  modules: '93',
  nghttp2: '1.47.0',
  napi: '8',
  llhttp: '6.0.7',
  openssl: '1.1.1q+quic',
  cldr: '41.0',
  icu: '71.1',
  tz: '2022a',
  unicode: '14.0',
  ngtcp2: '0.1.0-DEV',
  nghttp3: '0.1.0-DEV'
}

You can get this information from executing npm version.

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Reactions: 1
  • Comments: 17

Most upvoted comments

Also happens to me. It worked after I reverted to lottie-react-native version 5.1.5 (with a cleanup on the Manifest and pods cache etc).

For some reason the 6.0.0 release candidate is being set instead of the stable version, forcing the version to be “5.1.5” solved it for me.

Are you using expo? If so, please try installing lottie with npx expo install lottie-react-native command.

Same issue in React Native 0.71.4

But I remove node_modules. my package.lock. executed gradle clean. ran the react native build command. It worked