Lottie Performance expo (react native) - react-native

I’m having problems with the performance of a composition at the expo (react native), I tried to change the image to vector but I couldn’t solve the problem. Could someone help me with this problem?
https://lottiefiles.com/28372-world27

There are known issues with Lottie working on expo, check the docs below
“ The Lottie SDK is currently considered to be under Expo's "DangerZone" because it's implementation is still in Alpha.
Importing Lottie 3 files causes the previewer to crash without a visible error, because Expo relies on lottie-react-native v2.”
https://docs.expo.io/versions/latest/sdk/lottie/

Related

App clip size too big for react-native app

We have a react native app. Now we are trying to fit app clip into it. The issue we are facing is with the package.json file. The app requires a lot of packages that the app clip does not, but due to a single package.json file, the appclip size is getting bloated up unnecessarily. Has anyone faced this issue before? Is there a way to minimize this problem?
I was facing a similar issue and what I did is to skip the native libraries for the app clip iOS target in Podfile using this technique: https://github.com/react-native-community/cli/issues/1179#issuecomment-756539463

How can I check the version of a Lottie file?

I am building a react native app using expo and trying to use a couple lottie files using the lottie-react-native library. When I use the iOS simulator the files load fine, but when I try to run the app on my actual iPhone I get this warning:
"ReactNative.NativeModules.LottieAnimationView.pause did not have a corresponding prop defined
in the mock provided to SafeModule"
I know that expo relies on Lottie v2 so v3 files will cause the app to crash, but is it normal for the Lottie animations to work on the simulator but not the phone? And is there a way for me to check if an animation is v2? I can't seem to find any kind of indication of version when browsing the animations.
Thanks to anyone who can help!

How to reduce apk or aab file size in react native using expo?

I have just started react native with expo. My first app has only one App.js file and one component of counter. When I have built it, surprisingly my apk size was 49MB :open_mouth: I wonder why its so and how to reduce it without ejecting???
Expo is purely for development purpose , and its only recommended for production if your app is very basic and doesnt have much of native functionalities. Even expo is slower and has much limitations. The larger size of expo is due to the expo wrapper which sits on top of react native , which has a lot of in built modules and thus making it larger.
Recommendation: If you want to lower the apk size , you should migrate to pure react native as expo doesnt give the power of actually decreasing the app size since its handled by expo.
You can even check this link expo -size which also had the same query .
Hope it helps.

How can I pre load assets before App load in react native without using expo?

I'm trying to create a game in react native and I have lots of graphical objects and images in my screens . so I want to be sure my screens load without delay.
for instance I have a problem with "ImageBackground",
it loads background after my screen rendered an it's not professional.
I searched and I found AppLoading on Expo but I'm not using expo in my project. so could you please help me with some advices?
thanks.

Is React Native slow, or is performance affected by using Expo?

I have an old Angular app that I packaged within an Android Webview. I've been rewriting it as a React Native app using create-react-native-app, and while it's super-easy to compile it that way, the performance can’t compare to the zippy old Angular app. Even just pressing a custom radio button, causing it to change state and styling, takes a half-second or so compared to near instantaneity with Angular. Is React Native this slow, or is it Expo? Before ejecting and finding out myself, thought I'd see if anyone knows.