Animations not showing on iOS about lottie-react-native HOT 21 CLOSED

You have to remove LibLottie.a from linked iOS dependencies.
See an example running here : https://github.com/g3r4n/react-native-lottie-example

from lottie-react-native.

+1,
works ok on android, build success but no animation play on ios

from lottie-react-native.

Same boat here. I'm on lottie-react-native 1.0.4 and the animation is not showing up. It was working on lottie-react-native 1.0.1.

from lottie-react-native.

@baires does it support react-native 0.41.0 and lottie 1.0.5 now?

from lottie-react-native.

@jjhesk Cant make it work with my stack

react-native-cli: 1.0.0
react-native: 0.41.2

At first I thought it was related to airbnb/lottie-ios#86 but after manually pointing to new version of lottie-ios on my podfile same result, no animation. Its a shame I will have to look for another library.

from lottie-react-native.

yes. @lelandrichardson i got the similar error too. I am thinking if this library is usable still... i saw this at the console.

Undefined symbols for architecture x86_64:
  "_OBJC_CLASS_$_LOTStrokeShapeLayer", referenced from:
      _OBJC_CLASS_$_LOTCircleShapeLayer in libLottie.a(LOTEllipseShapeLayer.o)
      _OBJC_CLASS_$_LOTRoundRectLayer in libLottie.a(LOTRectShapeLayer.o)
      objc-class-ref in libLottie.a(LOTShapeLayerView.o)
  "_OBJC_METACLASS_$_LOTStrokeShapeLayer", referenced from:
      _OBJC_METACLASS_$_LOTCircleShapeLayer in libLottie.a(LOTEllipseShapeLayer.o)
      _OBJC_METACLASS_$_LOTRoundRectLayer in libLottie.a(LOTRectShapeLayer.o)
ld: symbol(s) not found for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)

from lottie-react-native.

Same here, it was working great with prior versions (build issues aside) but after I came back after a week or so it is not showing any animations. It build properly however using the code from example does not show animation, I'll try to compile the provided example project next.

Anyone have a solution for this?

Lottie RN: 1.0.6
RN: 0.38.0
iOS: 10.2.1 (Latest)

Potential Related Issues:
#58
#44
#43

TL;DR - The example project compiles/works but it links against the old version of lottie-ios (LOTAnimationView 1.0.2 vs LAAnimationView 1.0.0)

Something not matching up (LRNContainerView.m).

Update - Building Example Project

When I start with clean project (clone this repo) and then try to build examples I get these errors:

I fixed that by renaming the relevant classes then got this Assertion error:

2017-02-15 17:28:56.864 [info][tid:main][RCTBatchedBridge.m:72] Initializing <RCTBatchedBridge: 0x1741890a0> (parent: <RCTBridge: 0x1700bd820>, executor: RCTJSCExecutor)
2017-02-15 17:28:56.865674 example[3871:3049209] Initializing <RCTBatchedBridge: 0x1741890a0> (parent: <RCTBridge: 0x1700bd820>, executor: RCTJSCExecutor)
2017-02-15 17:28:56.865920 example[3871:3049209] *** Assertion failure in -[RCTBatchedBridge loadSource:onProgress:](), /Users/xxx/Desktop/lottie-react-native-master/node_modules/react-native/React/Base/RCTBatchedBridge.m:196
2017-02-15 17:28:56.866295 example[3871:3049209] *** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'bundleURL must be non-nil when not implementing loadSourceForBridge'
*** First throw call stack:
(0x1879991b8 0x1863d055c 0x18799908c 0x188451098 0x1000c7f68 0x1000c6238 0x1000d8acc 0x1000d7d1c 0x1000d7afc 0x1001883c0 0x1000b8188 0x18d8c06a4 0x18dad0a98 0x18dad6808 0x18daeb104 0x18dad37ec 0x18956f92c 0x18956f798 0x18956fb40 0x187946b5c 0x1879464a4 0x1879440a4 0x1878722b8 0x18d8b97b0 0x18d8b4534 0x1000b8568 0x1868555b8)
libc++abi.dylib: terminating with uncaught exception of type NSException
(lldb) 

This seems to be a RN issue: facebook/react-native#9206 so I put in static jsLocation

jsCodeLocation = [NSURL URLWithString:@"http://192.168.0.252:8081/index.ios.bundle?platform=ios&dev=true"];

After this the examples worked properly, so it has something to do with the integration using npm install or something...

from lottie-react-native.

@lelandrichardson Any ideas on this one? The project seems to be building correctly now however no animations are displaying. I'll see if I can dig in a bit deeper tonight and start debugging the render methods.

from lottie-react-native.

I'm also having this trouble right now. same version of lottie and react-native. First I was getting the version issues so I did react-native upgrade and now it compiles just fine and run w/o errors but also no animation

from lottie-react-native.

Same issue.. Compiling, but no animation.. Just blank

from lottie-react-native.

Same here.

"react-native": "0.41.2"
"lottie-react-native": "^1.0.6"

from lottie-react-native.

no animation playing on ios
react native 0.40.0

from lottie-react-native.

@g3r4n 's solution is working for me ...

from lottie-react-native.

@g3r4n thanks, it works!

from lottie-react-native.

@minhtc , could you tell me how to install lottie-react-native on android? i am trying with document but it have a issue "provided dependencies can only be jars. com.facebook.re
act:react-native:aar:0.42.0 is an Android Library"
thannks :)

from lottie-react-native.

@vokhuyet
Go to android/app/build.gradle, find the compileSdkVersion option inside of the android block and change it from 23 to 25

from lottie-react-native.

@minhtc e làm thế rồi anh. cơ mà nó vẫn báo lỗi đó. e không hiểu sao lại thế(e viết tiếng việt được chứ ạ)

from lottie-react-native.

@vokhuyet:
check this file: https://github.com/airbnb/lottie-react-native/blob/master/lib/android/build.gradle

change from:
provided "com.facebook.react:react-native:+"
to:
compile "com.facebook.react:react-native:+"

from lottie-react-native.

@minhtc thank you very much. i will try :))

from lottie-react-native.

@minhtc thank you very much , it work

from lottie-react-native.

In my case I had to add libLottieReactNative.a to Link Binary with Libraries under Build Phases. That solved it. It was somehow missing hmm

from lottie-react-native.