Image
Drop-in replacement for the standard React Native Image component that displays images with a placeholder and smooth image load transitioning.
![Image Component](https://user-images.githubusercontent.com/5962998/48658581-f4170a00-ea1a-11e8-866c-df4f42f21947.gif)
#
Usageimport { 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 />}/>
#
PropsAlso receives all React Native Image props
#
ReferencecontainerStyle
#
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 |