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
- Component
- ImageComponent
- PlaceholderContent
- childrenContainerStyle
- containerStyle
- onLongPress
- onPress
- placeholderStyle
- pressableProps
- transition
- transitionDuration
Reference
Image
Component
Define the component passed to image.
| Type | Default |
|---|---|
| React Component | None |
ImageComponent
Specify a different component as the Image component.
| Type | Default |
|---|---|
| any | None |
PlaceholderContent
Content to load when Image is rendering.
| Type | Default |
|---|---|
| any | None |
childrenContainerStyle
Additional styling for the children container.
| Type | Default |
|---|---|
| View style(Object) | null |
containerStyle
Additional styling for the container.
| Type | Default |
|---|---|
| View style(Object) | None |
onLongPress
Called when a long-tap gesture is detected.
Callback function when long pressing component.
| Type | Default |
|---|---|
| ((event: GestureResponderEvent) => void) and (() => void) | None |
onPress
Called when a single tap gesture is detected.
Callback function when pressing component.
| Type | Default |
|---|---|
| ((event: GestureResponderEvent) => void) and (() => void) | None |
placeholderStyle
Additional styling for the placeholder container.
| Type | Default |
|---|---|
| View style(Object) | None |
pressableProps
| Type | Default |
|---|---|
| Omit<PressableProps, "onPress" or "onLongPress" or "onPressIn" or "onPressOut"> | None |
transition
Perform fade transition on image load.
| Type | Default |
|---|---|
| boolean | None |
transitionDuration
Perform fade transition on image load.
| Type | Default |
|---|---|
| number | 360 |