Fade in an Image with React Native with the Animated API


Spencer Carli

Developer, cat dad, and devout pizza lover. Teaching at React Native School and building apps with Handlebar Labs.

In this video, you will learn how to gradually fade in images in React Native in order to eliminate the jarring flash associated with an image rendering. We will take a look at the Image component onLoad property and use it, in conjunction with the Animated API, to accomplish the desired user experience.

CODE: https://snack.expo.io/@spencercarli/fade-in-an-image-with-react-native-with-the-animated-api