1.0.2 • Published 5 years ago

react-native-splash-screen-mask v1.0.2

Weekly downloads
8
License
MIT
Repository
github
Last release
5 years ago

react-native-splash-screen-mask

version downloads license.

A splash screen for react-native, It hide when application loaded. It works on iOS, Android and Window.

Content

Examples

Examples

react-native-splash-screen-mask

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

propsTypeOptionalDefaultDescription
imageSourceanynoThe image (png, jpg, jpeg, gif) splash screen.
navigationActionanynoRedirect callback function (can be used react-native-router-flux or anything else).
backgroundStyleanyyes{ backgroundColor: '#fff' }The style of splash screen background.
durationnumberyes3000 (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

License

The MIT License License: MIT