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.
