GitHub Login

Installation

To install the GitHub login package, run the following command:

npm i @sasibalaji/react-native-custom-social-login-github

GitHub Login Code

Below is the complete implementation of GitHub login using react-native-custom-social-login:

import React from "react";
import { View, StyleSheet } from "react-native";
import GitHubLogin from "react-native-custom-social-login";

const App = () => {
  const clientId = "your_github_client_id";
  const clientSecret = "your_github_client_secret";
  const redirectUri = "your_redirect_uri"; // Ensure this is registered in your GitHub OAuth settings.

  const handleSuccess = (userData) => {
    console.log("GitHub Login Success:", userData);
  };

  const handleError = (error) => {
    console.error("GitHub Login Error:", error);
  };

  return (
    <View style={styles.container}>
      <GitHubLogin
        clientId={clientId}
        clientSecret={clientSecret}
        redirectUri={redirectUri}
        onSuccess={handleSuccess}
        onError={handleError}
      />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#f5f5f5",
  },
});

export default App;

Notes

• Replace your_github_client_id, your_github_client_secret, and your_redirect_uri with the actual values from your GitHub OAuth app.
• Ensure the redirect URI is correctly registered in your GitHub OAuth settings.
• The onSuccess callback logs user data after a successful login.
• The onError callback logs any login errors.

This document provides a structured and detailed explanation of GitHub login integration using the react-native-custom-social-login package.