React Native Image Loading
Image loading component for React Native with customizable styling and loading indicators.
Installation
npm install react-native-image-loadingyarn add react-native-image-loadingProps
| Prop | Type | Required | Description |
|---|---|---|---|
imageUrl |
string |
Required | The URL of the image to be loaded. |
imageWidth |
number |
Optional | The width of the image container. |
imageHeight |
number |
Optional | The height of the image container. |
resizeMode |
string |
Optional | Resize mode for the Image component. |
loadingSize |
string |
Optional | The size of the loading indicator (small or large). |
loadingColor |
string |
Optional | The color of the loading indicator. |
title |
string |
Optional | Optional title to be displayed below the image. |
caption |
string |
Optional | Optional caption to be displayed below the title. |
onPress |
function |
Optional | Function to be called when the image is pressed. |
Styling Props
| Prop | Type | Description |
|---|---|---|
containerStyle |
StyleProp<ViewStyle> |
Style for the entire container. |
imageStyle |
StyleProp<ImageStyle> |
Style for the image. |
titleStyle |
StyleProp<TextStyle> |
Style for the title text. |
captionStyle |
StyleProp<TextStyle> |
Style for the caption text. |
License
This project is licensed under the ISC License.
Contributing
Contributions are welcome! Please feel free to open issues or submit pull requests.
If you find a bug or have any feature requests, please open an issue :)