AnimatedImage

Image component that fades-in the image with animation once it's loaded

Extends: Animated.Image
(meaning you can pass the super component's props as well).

PROPS

namedescriptiontypedefault
containerStyleAdditional spacing styles for the containerunion
imageStyleStyle for the image componentobject
imageSourceThe image source (external or assets)union
animationDurationDuration for the fade animation when the image is loadednumber300
loaderA component to render while the image is loadingelement
testIdUse to identify the avatar in testsstring

LIVE EXAMPLE

CODE SAMPLE

See example here.