rn-scratch-splash-screen A customizable splash screen component for React Native projects. Use this open source library in your fresh React Native project for instant startup.

Table of Contents

Installation

To use rn-scratch-splash-screen in your React Native project, simply install it using npm or yarn:

yarn add rn-scratch-splash-screen
or
npm install rn-scratch-splash-screen

Usage

To use the ScratchSplashScreen component in your app, import it from the rn-scratch-splash-screen package and render it as the first component in your app. You can customize the appearance and behavior of the splash screen by passing in props.

How to use

import ScratchSplashScreen from "rn-scratch-splash-screen";

function App() {
  return (
    <SplashScreen
      bgSource={require("./src/assets/black1.jpg")}
      source={require("./src/assets/cropped.png")}
      heading={"Ittechxpert"}
      AnimationDuration={1200}
      subHeading={"Loreum Epsum"}
      position={"center"}
    />
  );
}

Props

The ScratchSplashScreen component accepts the following props:

| Prop Name | Data Type | Description | | ----------------- | --------------- | ------------------------------ | | bgSource | specified path | require('Your ImagePath') | | -------- | -------------- | ------------------------- | | source | specified path | require('Your ImagePath') | | ----------------- | --------------- | ------------------------------ | | heading | any | Heading Content | | --------- | --------- | ----------- | | containerStyle | any | Whole Screen Style | | --------- | --------- | ----------- | | bgStyle | any | Background Screen Style | | --------- | --------- | ----------- | | headingStyle | any | Heading Tag Style | | --------- | --------- | ----------- | | AnimationDuration | number | Animation Duration | | --------- | --------- | ----------- | | subHeading | any | Sub-Heading Content | | --------- | --------- | ----------- | | SubHeadingStyle | any | Sub-Heading Tag Style | | --------- | --------- | ----------- | | position | specified types | start,center,end are specified | | --------- | --------- | ----------- |

Contributors

We would like to thank the following developers for their contributions to this project:

To all our contributors, thank you for your hard work and dedication!

License

This package is released under the MIT License.