Insight's

In This article, we are going to see about creating OAuth SignIn using React native.  The world is running very advanced, In a modern application everyone is trying to adopt this important feature to their application. OAuth is a simple feature to easyly access our application using our existing Oauth providers like Google, Github, Facebook etc.  Users can conveniently use one account to sign up and log in to multiple apps, eliminating the need to remember multiple passwords for different sites.  In this example i’m gona demo for Google Oauth Provider with React native, npm i @react-native-google-signin/google-signin I have used React native google signin npm and For google configration we need   WEB_CLINET_ID   and ADROID_CLINET_ID. import {GoogleSignin} from '@react-native-google-signin/google-signin' ; const GoogleSSO: React.FC = () => { return ( <ButtonComponent modifier= "Outlined" icon={<GoogleIcon/>} title= "Sign ...

  In This article, we are going to see about creating a custom snackbar for React native application using react-native npm. Install React Native npm i react-native I have configured snack bar for success, failure, notification,notificationwithIcon, and offline. import React , { useState, useEffect } from 'react' ; import { View , Text , TouchableOpacity , Animated , Alert } from 'react-native' ; //Import utils import { EMPTY_STRING } from '_common/constants/genericConstants' ; import { SnackbarProps } from './types' ; import I18n from '_common/i18n' ; //Import assets import { images } from '_assets' ; //Import styles import { SnackBarStyle } from './style' ; const Snackbar : React . FC < SnackbarProps > = ( { position = 'Bottom' , header, message, snackBarType, duration = 1000 , actionLabel, onActionPress, onDismissSnackbar, isPermanent = false , } ) => { const [isVisible,...