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