HomeiOS Developmentreact native - Utilizing LinearGradient in Expo App inflicting white display screen...

react native – Utilizing LinearGradient in Expo App inflicting white display screen on iOS machine


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:

  1. Ensured the package is installed via expo install

  2. Cleared cache: npm start -clear

  3. Rebuilt the app using EAS Build

  4. Tried changing gradient colors

  5. 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 ?

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments