How to make JavaScript and native code in sync on react-native? - react-native

I downloaded some react-native code from "https://github.com/lelandrichardson/react-native-maps" and launch the examples on ios simulator. I got below error showing on IOS simulator. As it suggested how to make javascript and native code in sync?

Related

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!

React native app crashes in start after Native-Base font setup in android

After setting up font theme with native base using this guide https://docs.nativebase.io/Customize.html#theme-font-headref my app crashes after opening it in android without throwing any error.
It works fine in IOS.
Any similar experience?

Debugging React Native IOS Version in Mac (NOT AN EXPO but react-native run-ios)

My React Native app works properly on Android. However for the iOS side/version of my React Native app, the SPLASH SCREEN shows up and gets stuck there.
I have put a console.log output on the componentDidMount of the First Screen of my App.
I have tried to use the SHAKE option on the iOS Simulator but for some reason the debug screen does not show up.
I would like to check why the app freezes but I don't even get any error showing on the simulator. I'm guessing that there might a error/feedback from the system in the console output but I don't know how to go to the debugging screen where the console.log will show up when one runs react-native run-ios.
How to display the screen/console where the console.log("WHATEVER") I put on the code will display its output????

Can native react app code convert/rollback to native mobile code(ios and android)?

Basically the title says all - Can native react app code convert/rollback to native mobile code(ios and android)?
Background - there is a react native app and there are some bugs and I would like to export the react native code to their native app code (ios and android) which I can fix them in native apps.
No. The React Native JavaScript is never translated into Swift or Java code and then compiled - it runs within the Safari or Chrome JavaScript engines. See here for more details.
However, as its name implies, React Native does rely on native code for more complex operations. If the bugs are in those npm modules you might be able to fix them there.

Expo Android apk crashes when playing lottie animation

I recently updated expo clients (both android and ios) of my phone and only the android version crashed after trying to play lottie animation (using dangerzone). Animations work fine in ios and also it did work in android before i update the apk.
I dont get any error message when the app crash, i only get system message saying "app crashed". Anyone know how to fix this?