Skip to content

Commit

Permalink
feat: 4.2.0 version with text inputs are also customizable
Browse files Browse the repository at this point in the history
  • Loading branch information
@WrathChaos
WrathChaos committed Oct 3, 2022
1 parent 7eedf92 commit d83c5e7
Show file tree
Hide file tree
Showing 7 changed files with 6,595 additions and 5,291 deletions.
37 changes: 19 additions & 18 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,24 +105,25 @@ import LoginScreen, { SocialButton } from "react-native-login-screen";

### Customizations (Optional)

| Property | Type | Default | Description |
| ----------------------- | :--------: | :-----------------: | --------------------------------------------------- |
| signupText | string | "Create an account" | change the sign up text |
| disableSignup | boolean | false | disable the signup if you do not want to use it |
| disableDivider | boolean | false | disable the divider if you do not want to use it |
| disableSocialButtons | boolean | false | disable the all social buttons |
| disablePasswordInput | boolean | false | disable the password text input |
| emailPlaceholder | string | "Email" | change email placeholder text |
| passwordPlaceholder | string | "Password" | change password placeholder text |
| loginButtonText | string | "Login" | change login button's text |
| style | ViewStyle | default | set/override the default style for the container |
| dividerStyle | ViewStyle | default | set/override the default divider style |
| logoImageStyle | ImageStyle | default | set/override the default image style |
| textInputContainerStyle | ViewStyle | default | set/override the default text input container style |
| loginButtonStyle | ViewStyle | default | set/override the default login button style |
| loginTextStyle | TextStyle | default | set/override the default login text style |
| signupStyle | ViewStyle | default | set/override the default signup button style |
| signupTextStyle | TextStyle | default | set/override the default signup text style |
| Property | Type | Default | Description |
| ----------------------- | :---------------------------------------------------------------------------------------------------------------------: | :-----------------: | --------------------------------------------------- |
| signupText | string | "Create an account" | change the sign up text |
| disableSignup | boolean | false | disable the signup if you do not want to use it |
| disableDivider | boolean | false | disable the divider if you do not want to use it |
| disableSocialButtons | boolean | false | disable the all social buttons |
| disablePasswordInput | boolean | false | disable the password text input |
| emailPlaceholder | string | "Email" | change email placeholder text |
| passwordPlaceholder | string | "Password" | change password placeholder text |
| loginButtonText | string | "Login" | change login button's text |
| style | ViewStyle | default | set/override the default style for the container |
| dividerStyle | ViewStyle | default | set/override the default divider style |
| logoImageStyle | ImageStyle | default | set/override the default image style |
| textInputContainerStyle | ViewStyle | default | set/override the default text input container style |
| loginButtonStyle | ViewStyle | default | set/override the default login button style |
| loginTextStyle | TextStyle | default | set/override the default login text style |
| signupStyle | ViewStyle | default | set/override the default signup button style |
| signupTextStyle | TextStyle | default | set/override the default signup text style |
| textInputProps | [IInteractiveTextInputProps](https://github.com/WrathChaos/react-native-text-input-interactive#customization-optionals) | default | set/override the default textinput props |

### Default Social Login Buttons (Optional)

Expand Down
7 changes: 6 additions & 1 deletion example/App.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, {useState} from 'react';
import React from 'react';
import {View, StatusBar} from 'react-native';
import LoginScreen from 'react-native-login-screen';

Expand All @@ -17,6 +17,11 @@ const App = () => {
console.log('username: ', username);
}}
onPasswordChange={(password: string) => {}}
textInputProps={{
textInputStyle: {
backgroundColor: '#ccc',
},
}}
/>
</View>
);
Expand Down
32 changes: 16 additions & 16 deletions example/package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions example/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,15 @@
"dependencies": {
"react": "17.0.2",
"react-native": "0.68.2",
"react-native-login-screen": "^4.0.1",
"react-native-login-screen": "^4.2.0",
"react-native-text-input-interactive": "^0.1.3"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@babel/runtime": "^7.12.5",
"@react-native-community/eslint-config": "^2.0.0",
"@types/jest": "^26.0.23",
"@types/react-native": "^0.67.3",
"@types/react-native": "0.68.2",
"@types/react-test-renderer": "^17.0.1",
"@typescript-eslint/eslint-plugin": "^5.17.0",
"@typescript-eslint/parser": "^5.17.0",
Expand Down
Loading

0 comments on commit d83c5e7

Please sign in to comment.