React native Customizable Auth module
Fully Customizable Pre-build UI for the auth module which include login as well as Registration UI. Beside this you can also directly use Input, Buttons with various Customizable props
Installation
npm i applaunch-login
or
yarn add applaunch-login
Login
import { LoginScreen } from 'applaunch-login';
Methods and Properties
style | props | pass style to whole container |
textInputContainerStyle | props | Customize text input container |
logoImageSource | props | add screen logo |
logoImageStyle | props | style logo |
loginButtonStyle | props | style login Button |
loginTextStyle | props | style login Button text |
onLoginPress | props | handle buttion press |
signupStyle | props | container style |
signupTextStyle | props | container text style |
dividerStyle | props | divider style |
disableDivider | props | divider disable and enable |
onSignupPress | props | handle sign up press button |
signupText | props | sign up button text |
forgotPassText | props | forgot button text |
loginButtonText | props | login button text |
onEmailChange | props | handle email change |
onPasswordChange | props | handle password change |
emailPlaceholder | props | email placeholder |
passwordPlaceholder | props | password placeholder |
iconImageSource | props | textinput field icon |
titleContainerStyle | props | title container style |
title | props | title placeholder |
description | props | description placeholder |
descriptionTextStyle | props | description text style |
titleTextStyle | props | title text style |
isEmailValid | props | change the border of textiput |
isPwdValid | props | change the border of email input |
emailValue | props | email value |
pwdValue | props | password value |
onForgotPress | props | handle fogot button text |
isLoding | props | button loader |
descriptionContainerStyle | props | container style |
editable | props | textinput |
textInputStyle | props | style |
Register
import { LoginScreen } from 'applaunch-login';
Methods and Properties
style | props | pass style to whole container |
textInputContainerStyle | props | Customize text input container |
logoImageSource | props | add screen logo |
logoImageStyle | props | style logo |
buttonStyle | props | style Button |
buttonTextStyle | props | style Button text |
onButtonPress | props | handle buttion press |
signupStyle | props | container style |
signupTextStyle | props | container text style |
dividerStyle | props | divider style |
disableDivider | props | divider disable and enable |
onSignupPress | props | handle sign up press button |
signupText | props | sign up button text |
forgotPassText | props | forgot button text |
buttonText | props | button text |
onEmailChange | props | handle email change |
onPasswordChange | props | handle password change |
emailPlaceholder | props | email placeholder |
passwordPlaceholder | props | password placeholder |
iconImageSource | props | textinput field icon |
titleContainerStyle | props | title container style |
title | props | title placeholder |
description | props | description placeholder |
descriptionTextStyle | props | description text style |
titleTextStyle | props | title text style |
isEmailValid | props | change the border of textiput |
isPwdValid | props | change the border of email input |
emailValue | props | email value |
pwdValue | props | password value |
onForgotPress | props | handle fogot button text |
isLoding | props | button loader |
descriptionContainerStyle | props | container style |
editable | props | textinput |
textInputStyle | props | style |
namePlaceholder | props | name placeholder |
psswordPlaceholder | props | password placeholder |
onNameChange | props | handle name change |
mainColor | props | ..... |
loginStyle | props | ..... |
loginTextStyle | props | ..... |
Button
import { Button } from 'applaunch-login';
Methods and Properties
loginButtonStyle | props | style to whole container |
loginTextStyle | props | buttion text |
onLoginPress | props | handle button press |
loginButtonText | props | style button text |
isLoding | props | show loding indicator |
Button
import { Button } from 'applaunch-login';
Methods and Properties
loginButtonStyle | props | style to whole container |
loginTextStyle | props | buttion text |
onLoginPress | props | handle button press |
loginButtonText | props | style button text |
isLoding | props | show loding indicator |
TextInput
import { Input } from 'applaunch-login';
Methods and Properties
value | props | text value |
onChangeText | props | hanlde on change input value |
editable | props | is editable or not |
mainColor | props | normal color while focus |
originalColor | props | default color |
Title
import { Title } from 'applaunch-login';
Description
import { Description } from 'applaunch-login';
Change Password
import { ChangePassword } from 'applaunch-login';
Forgot password
import { ForgotPasswordScreen } from 'applaunch-login';
Authors