Skip to main content
Version: Bleeding Edge 🚧

Image

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

Import

import { Image } from "@rneui/themed";

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 | 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.