Skip to main content
Version: 4.0.0-beta.0

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 ComponentNone

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

Called when a long-tap gesture is detected.

Callback function when long pressing component.

TypeDefault
((event: GestureResponderEvent) => void) and (() => void)None

onPress

Called when a single tap gesture is detected.

Callback function when pressing component.

TypeDefault
((event: GestureResponderEvent) => void) and (() => void)None

placeholderStyle

Additional styling for the placeholder container.

TypeDefault
View style(Object)None

pressableProps

TypeDefault
Omit<PressableProps, "onPress" or "onLongPress" or "onPressIn" or "onPressOut">None

transition

Perform fade transition on image load.

TypeDefault
booleanNone

transitionDuration

Perform fade transition on image load.

TypeDefault
number360