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

---