Skip to main content
Version: Next

Image

Drop-in replacement for the standard React Native Image component that displays

images with a placeholder and smooth image load transitioning.

Usage#


Props#

Image#

Reference#

Image#

Component#

Define the component passed to image.

TypeDefault
React ComponentTouchableOpacity or View

ImageComponent#

Specify a different component as the Image component.

TypeDefault
anyNone

PlaceholderContent#

Content to load when Image is rendering.

TypeDefault
anyNone

childrenContainerStyle#

Additional styling for the children container.

TypeDefault
View style(Object)null

containerStyle#

Additional styling for the container.

TypeDefault
View style(Object)None

onLongPress#

Callback function when long pressing component.

TypeDefault
FunctionNone

onPress#

Callback function when pressing component.

TypeDefault
FunctionNone

placeholderStyle#

Additional styling for the placeholder container.

TypeDefault
View style(Object)None

transition#

Perform fade transition on image load.

TypeDefault
booleanNone

transitionDuration#

Perform fade transition on image load.

TypeDefault
number360