Applaunch-login NPM

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

key	Type	Description
`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

key	Type	Description
`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

key	Type	Description
`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

key	Type	Description
`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

key	Type	Description
`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

@Nikesh

@everything-registry/sub-chunk-1156 @zalastax/nolb-appl

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago