Lottie-react-native: Animation not showing up on device iOS

Created on 10 Apr 2017  路  4Comments  路  Source: lottie-react-native/lottie-react-native

I cant get the animation to show up on my device, I'm not getting any errors but just a blank screen. When opening the inspector on my device (iphone 6) I can see that there are 2 animations but nothing is displaying.

Don't know what i'm doing wrong!

attaching my code and screenshots from device. Any help would be great!

screenshot_3

screenshot_1

screenshot_4

Most helpful comment

I was facing same issue, I did following things and it worked fine on both iOS and Android

  1. First I install pod file in iOS folder by using pod init
  2. Then install npm i --save lottie-react-native
  3. After installing lottie-react-native run link command
    * react-native link lottie-ios
    *react-native link lottie-react-native
  4. Go to Xcode and in libraries folder add lottie-ios and lottie-react-native xcode project like attached screenshot from node_modules
  5. Then add Lottie.framework from Lottie products to Embedded Binaries
  6. add libLottieReactNative.a and libLottie.a to Linked frameworks and libraries. That .a file you can find in Libraries product folder. See enclosed screenshot 2
  1. screenshot 2019-01-06 at 11 32 46 am

  2. screenshot 2019-01-06 at 11 32 46 am
  3. screenshot 2019-01-06 at 12 05 32 pm

All 4 comments

Experiencing the same issue, have you made any progress with this?

Closing this because it's probably not relevant with the latest version. Feel free to reopen if it is.

I was facing same issue, I did following things and it worked fine on both iOS and Android

  1. First I install pod file in iOS folder by using pod init
  2. Then install npm i --save lottie-react-native
  3. After installing lottie-react-native run link command
    * react-native link lottie-ios
    *react-native link lottie-react-native
  4. Go to Xcode and in libraries folder add lottie-ios and lottie-react-native xcode project like attached screenshot from node_modules
  5. Then add Lottie.framework from Lottie products to Embedded Binaries
  6. add libLottieReactNative.a and libLottie.a to Linked frameworks and libraries. That .a file you can find in Libraries product folder. See enclosed screenshot 2
  1. screenshot 2019-01-06 at 11 32 46 am

  2. screenshot 2019-01-06 at 11 32 46 am
  3. screenshot 2019-01-06 at 12 05 32 pm
Was this page helpful?
0 / 5 - 0 ratings