Image

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

Usage

import { ActivityIndicator } from 'react-native';
import { Image } from 'react-native-elements';

// Standard Image
<Image
  source={{ uri: image }}
  style={{ width: 200, height: 200 }}
/>


// Image with custom placeholder content
<Image
  source={{ uri: image }}
  style={{ width: 200, height: 200 }}
  PlaceholderContent={<ActivityIndicator />}
/>

---

Props

Also receives all React Native Image props

• containerStyle
• placeholderStyle
• PlaceholderContent
• ImageComponent

---

Reference

containerStyle

Additional styling for the container (optional)

Type	Default
View style (object)	none

---

placeholderStyle

Additional styling for the placeholder container (optional)

Type	Default
View style (object)	none

---

PlaceholderContent

Content to render when image is loading.

Type	Default
component	none

---

ImageComponent

Specify a different component as the Image component.

Type	Default
React Native Component	Image

---