I am constructing a React Native app utilizing Expo, and I’m utilizing the LinearGradient
part from expo-linear-gradient
. It really works completely on Android simulators, however once I run the app on an actual iOS machine, it exhibits a white display screen or typically crashes with out an error.
Instance
import { LinearGradient } from 'expo-linear-gradient';
Hello Gradient
What I’ve tried:
-
Ensured the package is installed via expo install
-
Cleared cache: npm start -clear
-
Rebuilt the app using EAS Build
-
Tried changing gradient colors
-
Verified it’s imported from expo-linear-gradient
Behavior:
-
Works on Android simulator
-
White screen only on physical iOS device
-
No error logs, just a blank white screen
What could be causing LinearGradient
to render a white screen on iOS devices only?
Are there any known issues with expo-linear-gradient
on physical iPhones, or something specific needed in the build config?
Any suggestions or fixes appreciated.
Or shud I not use it with NativeWind and switch to custom CSS ?