MayoLoader is a customizable, animated loading component for React Native applications. It provides a smooth fading effect, adding a polished look to your app's loading experience.
- Easy to integrate into any React Native project.
- Customizable fading animation.
- Supports custom images and styling.
To install MayoLoader, run the following command in your React Native project:
yarn add mayo-loader
## Usage
Import MayoLoader into your React Native component and use it as shown below:
```Typescript
import MayoLoader from 'mayo-loader';
const YourComponent = () => {
return (
<MayoLoader
isVisible={true}
imageSource={require('./path/to/your-image.jpg')}
/>
);
};
export default YourComponent;
isVisible: Boolean - Controls the visibility of the loader.
imageSource: ImageSourcePropType - Specifies the image to be used in the loader.
duration: Number (optional) - Duration of the fading animation in milliseconds.
You can customize the loader by passing your own image source and adjusting the animation duration.
Example
Here's an example of how to use the MayoLoader with a custom image and a longer duration:
<MayoLoader
isVisible={isLoading}
imageSource={require('./assets/custom-loader.jpg')}
duration={2000}
/>
This project is licensed under the MIT License.
Contributions to MayoLoader are always welcome! Feel free to open issues or submit pull requests.