AnimatedImage

Image component that fades-in the image with animation once it's loaded
(code example)

info

This component extends Image props.

Live Editor

<AnimatedImage source={{uri: 'https://github.com/wix/react-native-ui-lib/blob/master/demo/src/assets/images/card-example.jpg'}}/>

Result

API

Duration for the fade animation when the image is loaded number

Additional spacing styles for the container ViewStyle

A component to render while the image is loading JSX.element