Installation

Add the dependency:

npm i react-native-social-login-module

Peer Dependencies

IMPORTANT! You need install them

"react-native-androw": ">= 0.0.34"

Usage

Import

import SocialLoginScreen from "react-native-social-login-screen";

Fundamental Usage

<SocialLoginScreen
  onSignUpPress={() => {}}
  onLoginPress={() => {}}
  onForgotPasswordPress={() => {}}
  onUserNameChangeText={(username) => console.log("Username: ", username)}
  onPasswordChangeText={(password) => console.log("Password: ", password)}
  rightTopAssetImageSource={require("./assets/ramen.png")}
  leftBottomAssetImageSource={require("./assets/chef.png")}
/>

Advanced Usage

<SocialLoginScreen
  onUserNameChangeText={(username) => console.log("Username: ", username)}
  onPasswordChangeText={(password) => console.log("Password: ", password)}
  onSignUpPress={() => {}}
  onLoginPress={() => {}}
  onForgotPasswordPress={() => {}}
  enableFacebookLogin
  onFacebookLoginPress={() => {}}
  enableDiscordLogin
  onDiscordLoginPress={() => {}}
  enableTwitterLogin
  onTwitterLoginPress={() => {}}
  enableGoogleLogin
  onGoogleLoginPress={() => {}}
  rightTopAssetImageSource={require("./assets/ramen.png")}
  leftBottomAssetImageSource={require("./assets/chef.png")}
  signUpTextStyle={{
    fontFamily: "Sansita-Regular",
  }}
  loginTextStyle={{
    fontFamily: "Athelas-Bold",
  }}
  forgotPasswordTextStyle={{
    fontFamily: "Sansita-Bold",
  }}
/>

Configuration - Props

Fundamentals

Social Buttons

Customization

More customization is in coming...

Future Plans

• <input checked="" disabled="" type="checkbox"> LICENSE
• <input disabled="" type="checkbox"> More Customization Options
• <input disabled="" type="checkbox"> Built-in Sign-Up Screen and Forget password and its navigation with animation
• <input disabled="" type="checkbox"> Point of 3RD PartApi for further authentications.

Author

arunchaitanyajami, arunchaitanyajami@gmail.com

License

React Native Social Login Screen is available under the MIT license. See the LICENSE file for more info.