1.0.2 • Published 6 years ago
react-native-splash-screen-mask v1.0.2
react-native-splash-screen-mask
A splash screen for react-native, It hide when application loaded. It works on iOS, Android and Window.
Content
Examples
Installation
$ npm install react-native-splash-screen-mask --save
Usage
Use like so:
import React, { Component } from 'react';
import { StyleSheet } from 'react-native';
import SplashScreenMask from 'react-native-splash-screen-mask';
import { Actions } from 'react-native-router-flux';
import IMAGE from '../assets/react.png';
export default class SplashScreen extends Component {
render() {
return (
<SplashScreenMask
imageSource={IMAGE}
navigationAction={() => Actions.homeScene()}
backgroundStyle={styles.backgroundStyle}
duration={3000}
/>
);
}
}
const styles = StyleSheet.create({
backgroundStyle: {
backgroundColor: '#fff',
},
});
Props
props | Type | Optional | Default | Description |
---|---|---|---|---|
imageSource | any | no | The image (png, jpg, jpeg, gif) splash screen. | |
navigationAction | any | no | Redirect callback function (can be used react-native-router-flux or anything else). | |
backgroundStyle | any | yes | { backgroundColor: '#fff' } | The style of splash screen background. |
duration | number | yes | 3000 (3 seconds) | Duration for loading the splash screen. |
Wrap Up
If you think any of the react-native-splash-screen-mask
can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.
Contribution
We'd love to have your helping hand on contributions to react-native-splash-screen-mask
by forking and sending a pull request.
Your contributions are heartily ♡ welcome, recognized and appreciated.
How to contribute:
- Open pull request with improvements
- Discuss ideas in issues
- Spread the word
- Reach out with any feedback