feat: breaking changes with new props

Author: kuraydev

README.md

@@ -57,7 +57,7 @@ import LoginScreen from "react-native-login-screen";
 <LoginScreen
   logoImageSource={require("./assets/logo-example.png")}
   onLoginPress={() => {}}
-  onHaveAccountPress={() => {}}
+  onSignupPress={() => {}}
   onEmailChange={(email: string) => {}}
   onPasswordChange={(password: string) => {}}
 />
@@ -73,7 +73,7 @@ import LoginScreen, { SocialButton } from "react-native-login-screen";
 <LoginScreen
   logoImageSource={require("./assets/logo-example.png")}
   onLoginPress={() => {}}
-  onHaveAccountPress={() => {}}
+  onSignupPress={() => {}}
   onEmailChange={(email: string) => {}}
   onPasswordChange={(password: string) => {}}
 >
@@ -95,29 +95,30 @@ import LoginScreen, { SocialButton } from "react-native-login-screen";
 
 ### Fundamentals
 
-| Property           |   Type   |  Default  | Description                                                        |
-| ------------------ | :------: | :-------: | ------------------------------------------------------------------ |
-| onLoginPress       | function | undefined | set your own function when the `login button` is pressed           |
-| onHaveAccountPress | function | undefined | set your own function when the `have an account button` is pressed |
-| onEmailChange      | function | undefined | set your own function when `email` textinput has a change          |
-| onPasswordChange   | function | undefined | set your own function when `password` textinput has a change       |
-| logoImageSource    |  source  | undefined | set your own logo                                                  |
+| Property         |   Type   |  Default  | Description                                                   |
+| ---------------- | :------: | :-------: | ------------------------------------------------------------- |
+| onLoginPress     | function | undefined | set your own function when the `login button` is pressed      |
+| onSignupPress    | function | undefined | set your own function when the `Create an account` is pressed |
+| onEmailChange    | function | undefined | set your own function when `email` textinput has a change     |
+| onPasswordChange | function | undefined | set your own function when `password` textinput has a change  |
+| logoImageSource  |  source  | undefined | set your own logo                                             |
 
 ### Customizations (Optional)
 
-| Property                |    Type    |          Default           | Description                                         |
-| ----------------------- | :--------: | :------------------------: | --------------------------------------------------- |
-| haveAccountText         |   string   | "Already have an account?" | change the have account text                        |
-| disableDivider          |  boolean   |           false            | disable the divider if you do not want to use it    |
-| disableSocialButtons    |  boolean   |           false            | disable the all social buttons                      |
-| 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           |
-| haveAccountButtonStyle  | ViewStyle  |          default           | set/override the default have account button style  |
-| haveAccountTextStyle    | TextStyle  |          default           | set/override the default have account 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                      |
+| 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          |
 
 ### Default Social Login Buttons (Optional)
 

assets/Screenshots/react-native-login-screen-v2.gif

@@ -1,6 +1,6 @@
 import React, {useState} from 'react';
 import {View, StatusBar} from 'react-native';
-import {LoginScreen, SocialButton} from 'react-native-login-screen';
+import LoginScreen, {SocialButton} from './build/dist/index';
 
 const App = () => {
   const [username, setUsername] = useState(null);
@@ -13,7 +13,7 @@ const App = () => {
       <LoginScreen
         logoImageSource={require('./assets/logo-example.png')}
         onLoginPress={() => {}}
-        onHaveAccountPress={() => {}}
+        onSignupPress={() => {}}
         onEmailChange={(email: string) => {}}
         onPasswordChange={(password: string) => {}}
       />