Skip to content

Commit d83c5e7

Browse files
kuraydevkuraydev
committed
feat: 4.2.0 version with text inputs are also customizable
1 parent 7eedf92 commit d83c5e7

7 files changed

Lines changed: 6595 additions & 5291 deletions

File tree

‎README.md‎

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -105,24 +105,25 @@ import LoginScreen, { SocialButton } from "react-native-login-screen";
105105

106106
### Customizations (Optional)
107107

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

127128
### Default Social Login Buttons (Optional)
128129

‎example/App.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, {useState} from 'react';
1+
import React from 'react';
22
import {View, StatusBar} from 'react-native';
33
import LoginScreen from 'react-native-login-screen';
44

@@ -17,6 +17,11 @@ const App = () => {
1717
console.log('username: ', username);
1818
}}
1919
onPasswordChange={(password: string) => {}}
20+
textInputProps={{
21+
textInputStyle: {
22+
backgroundColor: '#ccc',
23+
},
24+
}}
2025
/>
2126
</View>
2227
);

‎example/package-lock.json‎

Lines changed: 16 additions & 16 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎example/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,15 +12,15 @@
1212
"dependencies": {
1313
"react": "17.0.2",
1414
"react-native": "0.68.2",
15-
"react-native-login-screen": "^4.0.1",
15+
"react-native-login-screen": "^4.2.0",
1616
"react-native-text-input-interactive": "^0.1.3"
1717
},
1818
"devDependencies": {
1919
"@babel/core": "^7.12.9",
2020
"@babel/runtime": "^7.12.5",
2121
"@react-native-community/eslint-config": "^2.0.0",
2222
"@types/jest": "^26.0.23",
23-
"@types/react-native": "^0.67.3",
23+
"@types/react-native": "0.68.2",
2424
"@types/react-test-renderer": "^17.0.1",
2525
"@typescript-eslint/eslint-plugin": "^5.17.0",
2626
"@typescript-eslint/parser": "^5.17.0",

0 commit comments

Comments
 (0)