Version 2.1.1 is ready

README.md

@@ -28,7 +28,8 @@ npm i react-native-login-screen
 
 ```js
 "react-native-spinkit": ">= 1.5.0",
-"react-native-material-textfield": "https://github.com/WrathChaos/react-native-material-textfield.git"
+"@freakycoder/react-native-helpers": ">= 0.1.3",
+"@freakycoder/react-native-material-textfield": ">= 1.0.0"
 ```
 
 ## Import
@@ -105,9 +106,9 @@ Pretty advanced and fully customizable example of login screen
 </LoginScreen>
 ```
 
-### Configuration - Props
+## Configuration - Props
 
-#### Fundamentals
+### Fundamentals
 
 | Property                   |   Type    |    Default     | Description                                                              |
 | -------------------------- | :-------: | :------------: | ------------------------------------------------------------------------ |
@@ -119,7 +120,6 @@ Pretty advanced and fully customizable example of login screen
 | loginButtonBackgroundColor |   color   |    #282828     | change the login button's background color                               |
 | loginText                  |  string   |     LOGIN      | change the login button's text                                           |
 | loginButtonTextStyle       |   style   |    default     | set your own style for the login button's text style                     |
-| logoText                   |  string   |     GITHUB     | change the logo's text                                                   |
 | logoComponent              | component |      Icon      | set your own logo component instead of default Icon                      |
 | spinnerEnable              |   bool    |     false      | set the spinner enable this is **required** to use spinner               |
 | spinnerVisibility          |   bool    |     false      | set the logic for spinner enabling / disabling for the login text button |
@@ -128,12 +128,11 @@ Pretty advanced and fully customizable example of login screen
 | spinnerType                |   bool    |     false      | change the spinner type                                                  |
 | spinnerStyle               |   bool    |     false      | set your own style for the spinner itself                                |
 
-#### Bottom Container Props
+### Bottom Container Props
 
 | Property               |   Type    |        Default         | Description                                                                  |
 | ---------------------- | :-------: | :--------------------: | ---------------------------------------------------------------------------- |
 | placeholder            |  string   |        default         | set the placeholder of the text input with both title and placeholder itself |
-| IconComponent          | component |          Icon          | set your own component instead of vector-icons' Icon component               |
 | backgroundColor        |   color   | rgba(255,255,255,0.45) | change the bottom container's background color                               |
 | disableSettings        |  boolean  |         false          | disable the settings button if you do not want it                            |
 | disableSignupButton    |  boolean  |         false          | disable the signup button if you do not want it                              |
@@ -271,7 +270,9 @@ Pretty advanced and fully customizable example of login screen
 - [x] ~~Android Design Bug Fixes~~
 - [x] ~~Configuration - Props COMING SOON~~
 - [x] ~~Typescript Challenge!~~
-- [ ] Remove some dependencies
+- [x] ~~Remove some dependencies~~
+- [ ] ImageComponent Feature Option
+- [ ] Better TextField Library Integration
 - [ ] Write an article about the lib on Medium
 
 ## Credits

example/App.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { View, StatusBar, Alert } from "react-native";
+import { View, StatusBar, Image, Text } from "react-native";
 import LoginScreen from "react-native-login-screen";
 
 const backgroundImage = {
@@ -12,6 +12,38 @@ const App = () => {
   const [switchValue, setSwitchValue] = useState(false);
   const [spinnerVisibility, setSpinnerVisibility] = useState(false);
 
+  const renderLogo = () => (
+    <View
+      style={{
+        bottom: 50,
+        alignItems: "center",
+        justifyContent: "center",
+      }}
+    >
+      <Image
+        resizeMode="contain"
+        source={require("./assets/logo-example.png")}
+        style={{ height: 250, width: 250 }}
+      />
+      <Text
+        style={{
+          bottom: 32,
+          color: "#fdfdfd",
+          fontFamily: "Now-Bold",
+          fontSize: 32,
+          shadowRadius: 3,
+          shadowOpacity: 0.7,
+          shadowColor: "#757575",
+          shadowOffset: {
+            width: 0,
+            height: 3,
+          },
+        }}
+      >
+        LOGO
+      </Text>
+    </View>
+  );
   return (
     <View>
       <StatusBar barStyle="light-content" />
@@ -23,6 +55,7 @@ const App = () => {
         source={backgroundImage}
         spinnerEnable
         spinnerVisibility={spinnerVisibility}
+        logoComponent={renderLogo()}
         labelTextStyle={{
           color: "#adadad",
           fontFamily: "Now-Bold",

example/ios/Podfile.lock

@@ -298,8 +298,6 @@ PODS:
     - React-Core (= 0.63.2)
     - React-cxxreact (= 0.63.2)
     - React-jsi (= 0.63.2)
-  - RNVectorIcons (7.1.0):
-    - React
   - Yoga (1.14.0)
   - YogaKit (1.18.1):
     - Yoga (~> 1.14)
@@ -352,7 +350,6 @@ DEPENDENCIES:
   - React-RCTText (from `../node_modules/react-native/Libraries/Text`)
   - React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
-  - RNVectorIcons (from `../node_modules/react-native-vector-icons`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
 SPEC REPOS:
@@ -423,8 +420,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/Libraries/Vibration"
   ReactCommon:
     :path: "../node_modules/react-native/ReactCommon"
-  RNVectorIcons:
-    :path: "../node_modules/react-native-vector-icons"
   Yoga:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
@@ -466,10 +461,9 @@ SPEC CHECKSUMS:
   React-RCTText: 1b6773e776e4b33f90468c20fe3b16ca3e224bb8
   React-RCTVibration: 4d2e726957f4087449739b595f107c0d4b6c2d2d
   ReactCommon: a0a1edbebcac5e91338371b72ffc66aa822792ce
-  RNVectorIcons: bc69e6a278b14842063605de32bec61f0b251a59
   Yoga: 7740b94929bbacbddda59bf115b5317e9a161598
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
 PODFILE CHECKSUM: 311cf87a4a33d759b7ec994ec3735e03d4ededbf
 
-COCOAPODS: 1.9.3
+COCOAPODS: 1.10.0.rc.1