How to Implement the openURL in react-native-community Google Signin for ios?

Active3 hr before
Viewed126 times

5 Answers


Add a method to respond to the URL scheme (this is just an example of what the code can look like if you're using both FBSDKApplicationDelegate and RNGoogleSignin):,Please note that since RN 0.60 pods are standard part of the development process and we do not recommend avoiding pods. The following paragraph and screenshot may not be up-to-date.,Because only one openURL method can be defined, if you have multiple listeners for openURL, you must combine them into a single function in your AppDelegate.m like so:,Configuring google sign in can sometimes be tricky. If you're hitting a wall, you can get in touch with a maintainer (@vonovak) via his personal site. Please note that this is a paid service.

* feat: move out of RNC scope

   chore: add publishConfig
load more v

▫ Add and link react-native-google-signin npm package ▫ Configure iOS project to add Google-SignIn SDK and googleservice-info.plist ▫ Create UserSignIn component to react-native project ▫ Add UserSignIn component to App.js,Next, update the App.js component to add the above created UserSignIn component:,Let’s create our first react-native component for Google Authentication.,We would use react-native-google-signin npm package to add Google Sign-in to our app.

We would use react-native-google-signin npm package to add Google Sign-in to our app.

$ yarn add react - native - google - signin
load more v

@implementation AppDelegate,#import "RNGoogleSignin.h",(BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {,Click Google Sign in button

import {
} from '@react-native-google-signin/google-signin';
load more v

fixed Flow typings for newer Flow versions:,We changed the package scope to be in line with the community org, now please change your imports to @react-native-community/google-signin!,the repo was renamed from react-native-community / react-native-google-signin to react-native-community / google-signin - this should not affect you in any way,iOS Google Sign In SDK is upgraded to v5. This has an effect on you only if you use the Google Sign In apis directly OR call RNGoogleSignIn in - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url in your AppDelegate. If that is the case, please make sure to use application:openURL:options: instead of deprecated application:openURL:sourceApplication:annotation: and refer to our iOS guide

load more v

Next, install the module @react-native-community/google-signin.,Start by creating a new React Native project. Open a terminal window and execute the following command:,The official guide to install @react-native-community/google-signin module for iOS,The official guide to install @react-native-community/google-signin module for Android

Google’s sign-in provider is a convenient way to allow users to register and log in in a React Native app. It can provide a familiar onboarding experience to the user and can act as a single source of authentication. Using this, you don’t have to take care of functionalities such as email verification, forgot password, resetting passwords, and so on.

In this tutorial, we’ll implement a basic Google sign-in provider that works with React Native applications by using the module @react-native-community/google-signin.

@react - native - community / google - signin
load more v

Other "google-react" queries related to "How to Implement the openURL in react-native-community Google Signin for ios?"