rn-forgot-screen A customizable forgot 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-forgot-screen in your React Native project, simply install it using npm or yarn:

npm install rn-forgot-screen
or
yarn add rn-forgot-screen

Usage

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

How to use

import ForgotPassword from "rn-forgot-screen";

function App() {
  return (
    <ForgotPassword
      placeholderMail={"Email"}
      headingText={"Forgot Password"}
      headingTextStyle={""}
      submitText={"Submit"}
      useLogo={true}
      LogoPosition={"center"}
      bgSource={require("./src/assets/black1.jpg")}
      source={require("./src/assets/cropped.png")}
      positionText={"center"}
      useBg={true}
    />
  );
}

Props

The forgot component accepts the following props:

| Prop Name | Data Type | Description | | -------------------- | ------------------- | -------------------------------- | | placeholderMail | any | Your Email | | ------------------- | ------------------- | ------------------------- | | inputStyle | any | style to input | | ------------------- | ------------------- | | | headingText | any | main heading | | --------- | --------- | ----------- | | headingTextStyle | specified path(req) | style to heading | | --------- | --------- | ----------- | | submitText | any | Your submitText | | --------- | --------- | ----------- | | useLogo | bool | Using Logo or not | | --------- | --------- | ----------- | | LogoPosition | specified values | Logo position | | --------- | --------- | ----------- | | bgSource | specified path(req) | Your background image | | --------- | --------- | ----------- | | source | specified path(req) | Logo source | | --------- | --------- | ----------- | | imageStyle | any | Style to Logo | | --------- | --------- | ----------- | | positionText | specified values | Box alignment | | --------- | --------- | ----------- | | buttonStyle | any | Style to button | | --------- | --------- | ----------- | | buttonTextStyle | any | Style to button Text | | --------- | --------- | ----------- | | placeholderColor | any | Placeholder Color | | --------- | --------- | ----------- | | bgStyle | any | Style to background Image | | --------- | --------- | ----------- | | onBlur | any | onBlur | | --------- | --------- | ----------- | | onFocus | any | onFocus | | --------- | --------- | ----------- | | onKeyPress | any | onKeyPress | | --------- | --------- | ----------- | | handleForgotPassword | any | onPress for handleForgotPassword | | ----------- | | usebg | bolol | use bg or not |

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.