Image

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

Usage

Import

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

Theme Key

Image

Props

note

Includes all React Native Image props.

Name	Type	Default	Description
Component	React Component	Press handlers present then Pressable else View	Define the component passed to image.
ImageComponent	typeof Component		Specify a different component as the Image component.
PlaceholderContent	ReactElement<any, string | JSXElementConstructor<any>>		Content to load when Image is rendering.
childrenContainerStyle	View Style	null	Additional styling for the children container.
containerStyle	View Style		Additional styling for the container.
onLongPress	GestureResponderEventHandler		Called when a long-tap gesture is detected.
onPress	GestureResponderEventHandler		Called when a single tap gesture is detected.
onPressIn	GestureResponderEventHandler		Called when a touch is engaged before onPress.
onPressOut	GestureResponderEventHandler		Called when a touch is released before onPress.
placeholderStyle	View Style		Additional styling for the placeholder container.
pressableProps	PressableProps except click handlers	None
transition	boolean		Perform fade transition on image load.
transitionDuration	number	360	Perform fade transition on image load.