Lottie json crashes on Andriod devices but IOS works fine about lottie-react-native

[Elliotbaz]

@TheRogue76

1. i can make a repo that can have this for you.
2. i am using Expo Go
3. i see no logs, it just shows on my device (both physical and emulator) it just closes the app

[Elliotbaz]

i am closing this issue now @TheRogue76 and thank you, this works fine after the upgrade, i have to upgrade expo and others along side lottie react. just to help other who might have similar issue, here is my package json:

{ "name": "meeting-app", "version": "1.0.0", "main": "node_modules/expo/AppEntry.js", "scripts": { "start": "expo start", "android": "expo start --android", "ios": "expo start --ios", "web": "expo start --web" }, "dependencies": { "@expo/metro-runtime": "~3.1.3", "@react-native-async-storage/async-storage": "^1.22.3", "@react-native-community/slider": "^4.5.0", "@react-native-picker/picker": "^2.6.1", "@react-navigation/drawer": "^6.6.14", "@react-navigation/material-bottom-tabs": "^6.2.27", "@react-navigation/native": "^6.1.16", "@react-navigation/stack": "^6.3.28", "axios": "^1.6.8", "expo": "~50.0.13", "expo-av": "^13.10.5", "expo-linear-gradient": "^12.7.2", "expo-splash-screen": "^0.26.4", "expo-status-bar": "~1.11.1", "lottie-react-native": "^6.7.0", "react": "18.2.0", "react-dom": "18.2.0", "react-native": "0.73.5", "react-native-calendar-strip": "^2.2.6", "react-native-gesture-handler": "~2.14.0", "react-native-paper": "^5.12.3", "react-native-picker-select": "^9.0.1", "react-native-reanimated": "~3.6.2", "react-native-safe-area-context": "^4.9.0", "react-native-web": "~0.19.6" }, "devDependencies": { "@babel/core": "^7.20.0" }, "private": true }

[TheRogue76]

Hi @Elliotbaz
If you are using Expo with Expo Go, then as far as I remember it was updated to use Lottie version 6 by the time SDK 49 came out (I do not know which version they shipped it with) and it might be the cause of your issue (out of sync native dependencies), and if you are using the development builds, then you have no binding to that. Either way, Lottie V5 is not supported. And considering Apple's upcoming requirements, staying on it is going to cause problems anyway.
Please follow the migration guide (read here) and let us know if that solves the problem.

[Elliotbaz]

hi @TheRogue76, so i have updated my project now
"lottie-react-native": "^6.7.0",
and i have something like this now:

                    <Lottie
                        style={styles.lottie}
                        source={require('../../asserts/animations/splash.json')}
                        autoPlay
                        resizeMode="cover"
                        renderMode='AUTOMATIC'
                    />
                    
              lottie: {
    width: '100%',
    height: '100%',
    marginRight: '10%',
    marginVertical: '-1%'
},

but this as previously works on just ios and not andriod

am i missing anything ?

[TheRogue76]

Hi @Elliotbaz,
Three questions for you:

1. Can you provide a reproducible repository with just Expo 49 and this?
2. Are you using Expo go or Expo development builds
3. What is the log when it crashes on Android (Logcat preferably, but the rest are appreciated)

[TheRogue76]

@Elliotbaz Please do. I can take a look at it tomorrow and see what I can find