Skip to main content
Version: 4.0.0-rc.1

Image

Drop-in replacement for the standard React Native Image component that displays images with a placeholder and smooth image load transitioning.

Usage

Props

note

Includes all React Native Image props.

NameTypeDefaultDescription
ComponentReact ComponentPress handlers present then Pressable else ViewDefine the component passed to image.
ImageComponenttypeof ComponentSpecify a different component as the Image component.
PlaceholderContentReactElement<any, string or JSXElementConstructor<any>>Content to load when Image is rendering.
childrenContainerStyleView StylenullAdditional styling for the children container.
containerStyleView StyleAdditional styling for the container.
onLongPressGestureResponderEventHandlerCalled when a long-tap gesture is detected.
onPressGestureResponderEventHandlerCalled when a single tap gesture is detected.
onPressInGestureResponderEventHandlerCalled when a touch is engaged before onPress.
onPressOutGestureResponderEventHandlerCalled when a touch is released before onPress.
placeholderStyleView StyleAdditional styling for the placeholder container.
pressablePropsPressableProps except click handlersNone
transitionbooleanPerform fade transition on image load.
transitionDurationnumber360Perform fade transition on image load.