Need private packages and team management tools?Check out npm Teams »

react-native-splash-screen-mask

1.0.2 • Public • Published

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

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

License

The MIT License License: MIT

Install

npm i react-native-splash-screen-mask

DownloadsWeekly Downloads

0

Version

1.0.2

License

MIT

Unpacked Size

51.2 MB

Total Files

1224

Last publish

Collaborators

  • avatar