Rn-scratch-splash-screen NPM

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
---------	---------	-----------