All the required links and package names are available in the description. DM me on Instagram or Twitter for any queries. Do subscribe and keep supporting❤
Thank you, Rohit!! Was stuck on this and not finding a solution. Amazing how quickly tutorials get out of date. I appreciate the thorough walk through.
Thank you so so soo much sir. I completely wasted my entire day to solve errors for firebase and react native configuration and at the end of the day I found your video. Once again, Thanks a lot for whole step by step process. ❤
Hello Rohit, I want to thank you very much for this tutorial, it was the first one, after days that I followed it and it really works. Thank you for sharing your knowledge. I'm going to marathon your other videos now. 😊👍
I didn't even finish watching the video but I would like to congratulate you for the video and dedication. I think it's already your third video that really helps me solve a problem. I wish you much success! My best regards.
Thank you so much for your kind words and support! I'm thrilled to hear that my videos have been helpful to you. It's incredibly motivating to know that I've been able to assist you in solving problems. Your support means the world to me, and I'll continue working hard to provide valuable content. Best regards to you as well, and here's to your continued success too!
Please help me, I have a problem with eas development build when I use navigation ERROR Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager
thanks it worked for me, still i need to understand more what is this eas and what are the advantages I've lost other then the direct use of the expo go, really thank you man!! really!!!
Hi, may I have a question I was asked by my coworkers today. There is other Firebase SDK which can create a universal app for web, iso, android together using expo go. But when I was excited to recommend them to try this React Native firebase way, they felt complex and un-convenience (cannot using expo go). Clearly I will continue to research Firebase SDK for google signin method. Could you let me know why you don't use Firebase SDK for google signin? Thank you, I still very appreciate you made this google signin workable video.
In this video, I demonstrated the use of the Firebase SDK in an Android app built with React Native. The Expo platform, which provides a set of tools and services for building cross-platform mobile apps with React Native, has been gradually closing the gap between itself and React Native. However, starting with Expo SDK version 46, the expo-google package, which allowed for Google sign-in, was deprecated. As a result, users who want to implement Google sign-in in their Expo app must either use the prebuild method or the development build method, the latter of which I chose to use in this video in order to avoid using Android Studio. The development build method is recommended by the Expo documentation.
7.53 dakikadaki sayılara hiç ulaşamıyorum eas kurulumunda hata alıyorum. expo hesabı bile açtım ama EAS kısmını yapamadım ve olmadı . 48 saattir uğraşıp olayı anlayıp sonuca ulaşamamak çok üzücü bir durum.
If you are using Firebase, you can use the onAuthStateChanged() method to track changes in the user's authentication state. This can be useful for redirecting the user to a different page after they log in or out. For example, in my email authentication video, I used two stack navigators: one for the pre-login state and one for the post-login state. After the user logged in, the onAuthStateChanged() method triggered the navigator to switch to the post-login state, which displayed the dashboard. You can use the onAuthStateChanged() method to navigate the user to any page you want, depending on your app's profile. context: ruclips.net/video/lBUjggiWQ1U/видео.html
Thanks, it works, but I'm a bit confused (i'm new to this). I'm making an app that uses both Email and Google authentication, as well as Firestore. My question is, should I use this method for Email and Firestore too, because you have another video for Email where you used web app and firebase package?
Web based config can be used anywhere regardless of the platform. But if I am going for the Android only then I have to use the Platform oriented (Android ) SDK in our project.
can you explain what's the use of this command eas build --profile development --platform android and Can we create boht android and ios at the same time ??
The command eas build --profile development --platform android is related to Expo Application Services (EAS) and is used for building an Android version of your React Native Expo project in development mode. Yes, you can create builds for both Android and iOS at the same time
@@BugNinza Thanks! Were you able to personally get this to work with IOS? I got it to work with Android following your steps, but with IOS I am getting the following error when I try to start the app up: Error: No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp() Any thoughts on that?
Rohit i have a big nooby question: normally sign in with google works just with import { signInWithPopup GoogleAuthProvider, } from "firebase/auth"; const googleAuthProvider = new GoogleAuthProvider(); const signInWithGoogle = () => signInWithPopup (auth,googleAuthProvider ) }); easy peasy.. but i get it that with expo go the pop up will not appear and there is a problem, but why should i care if this is going to work for my user after he download the app, after all he will not use expo go so it will work for him
Wohho!! Excellent question! Since Expo Go is not a distribution channel for the app, this should not be a problem. However, I made this video to demonstrate the use of native code and the Google Sign In process. If I were you, I would first check this method by building an APK. Let me know if this works!
What is the reasoning for generating a new set of build credentials when one has already been generated during the eas build command? It works with adding both, but I'm just curious what the purpose is for doing that rather than build able to just use the one that is built in the initial build process?
Thank you for replying. I a wondering specifically about the SHA-1 creds though, around the 5:45 mark in the video. You generate a second keystore and end up adding both the new SHA-1 key and the default SHA-1 key I'm just curious about why 2 sets of keys are required to add to firebase. Thanks!
hello, when I went to compile the application with the command "npx cross-env EAS_NO_VCS=1 eas build -p android" (since I can't do it with only eas build -p android) and it generates the aab... but then when I upload it to the internal test on the play console, only the part of the popup works with the google accounts of the device to choose from, when I choose the popup closes and nothing else changes... I did everything else just like the video... I didn't test it in android studio in development mode yet
Check firebase permissions and rules. Confirm that the onAuthStateChanged function is called after successful sign-in. Verify Google Sign-In configuration and Firebase configuration.
will the login persists even after I close the app and start again? and what's the procedure on refreshing the tokens? Was using firebase web SDK and am stuck on it since last week, came across yours video loved the explanation going to try this tomorrow
thanks for sharing! do you have the sample code? because i run npx expo start for android for got errors.. does it work using EXPO right? or native-react only ?
You can request codes for up to 3 videos by joining the "Elite Ninza Army" membership. You can join here: ruclips.net/channel/UCLTAVHeuoOyc4aFIA1o6Xygjoin No, it won't work on the expo go app. Follow the video carefully. I mentioned everything in this video
Hello, I have a question. Does that imply that I must develop a brand-new react native app for iOS if I want the "ios" auth too? or can I simply follow the setup for iOS to utilize Firebase Google Sign-in for both "iOS" and "Android" within the same React Native app? #NewbieQuestion. Thanks in advance.
You don't have to create a separate React Native app for iOS. You can use the same app to work on both iOS and Android, but you may need to make some adjustments for compatibility with the iOS user interface. I am also new to developing 😉
Brother can also make a video like how to integrage passportjs google ouath in expo app like i completed the passportjs backend part with nodejs but don't know properly how to integrate with the expo app please make one video
hi, very helpful vid! one quick question tho. how can we check if an account has already been created with Google? It seems that we can do this by verifying userCredential.additionalUserInfo.isNewUser, but this still requires to use auth().signInWithCredential(googleCredential), which will be interpreted by the authStateChangeHandler as a new user and therefore I get redirected to the home page regardless. thanks!!
you're correct that userCredential.additionalUserInfo.isNewUser can be used to check if a user is new or not. However, if you're encountering redirection issues due to authStateChangeHandler interpreting the sign-in as a new user, you might want to explore an alternative approach. One way to handle this is to perform a separate check before calling signInWithCredential. You can use fetchSignInMethodsForEmail from Firebase to check if an account with the given email address already exists.
I have the following errors after trying implement gogle sign in. Can you help me? Errors: TypeError: null is not an object (evaluating 'RNGoogleSignin.SIGN_IN_CANCELLED') RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking. Invariant Violation: "main" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.
Read your error. Your Google sign-in module is not correctly linked. Please set-up your firebase and expo app carefully. You can send me the snap of your error on my social media handle for quicker response
i do google sign in and email sign in from your instructions. The problem that I got when the email account and google account having the same email address. How to tell the user to sign in with different credentials? Maybe show a message like "Email already in use, please sign up with different account"?. Thanks you
When you use google as authentication then it generates an access token key. While registering a user you may use a query that if user exists then render an alert of "sign in using different email" but it works fine with the login. You may discuss more about this on my social media handle (@_ninza7 : Instagram & Twitter)
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:" import { firebase } from "@react-native-firebase/auth"; const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID", }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
Hey Rohit, was curious if there is any way I can get in touch with you? I am creating an app which will be in production and scaled to thousands of users. But my current device doesnt support emulator and neither am I able to connect my phone hence chose expo go, but am unable to run react-native-googlesignin with firebase expo app. I am skeptical if I should continue with expo. Is this my only option to develop an android app? Is there any other way to test out android development apart from emulator, or connecting the phone, or expo? Maybe like running the app on web on mobile view?
Let me answer all your questions one by one: 1. Yes, you can connect with me on Instagram or Twitter (@_ninza7). I'm also open to DMs here. 2. Congratulations! I hope your app performs well in production. 3. Expo and React Native are two separate entities. After SDK 44 of Expo, I believe the team has decided to close the gap between React Native and Expo. That's why they decided to use the native modules of React Native. These native modules won't work in the Expo Go app. This means you can't test your code there. However, you can test it out using the development build. If you closely watch your console screen, you'll find an option for the development build in the latest Expo SDKs. 4. Yes, you can continue with Expo if your app doesn't have a massive audience. It should perform pretty well (depending on your code). After reaching a milestone of users, you can easily switch to core React Native. 5. No, you can use Flutter, Kotlin, Expo, or React Native. 6. You can use Snack, a platform for testing Expo apps. However, Snack has some limited features (like you can't test Google Sign In), but it's still a great option.
@@BugNinza your Twitter dms aren't open for all. Though you have answered most of my queries. Thanks a lot. Also my expo go crashes right after initialisation without even adding anything, is this common? Heard similar reviews on playstore as well.
Now I have opened my DM for all on Twitter. Thanks for letting me know. I haven't faced such issues yet. Sometimes it does crash, but more often it works pretty well if you write cleaner code.
" ERROR RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking. ERROR TypeError: Cannot read property 'SIGN_IN_CANCELLED' of null, js engine: hermes" I got the above error when i try to import Googlesign . I searched the internet , but not found any solution. please help me on this . I completely blocked here.
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:" import { firebase } from "@react-native-firebase/auth"; const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID", }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
I followed your step but i got error >> RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking. If you're using Expo, please use expo-google-sign-in. This is because Expo does not support custom native modules. ERROR TypeError: null is not an object (evaluating 'RNGoogleSignin.SIGN_IN_CANCELLED') do you have any idea how to solve it?
@@BugNinza yeah I made some mistakes but now it's working. I have a question. After choosing google account it directly sign in to the app without asking to type password. What kind of the trick does the library use. Is it safe ? I've tried Expo auth-session for Google Authentication after choosing google account, user need to enter password to sign in and this authentication flow is usually seen in many popular application.
Thats the one of most complex programming thing i ever did so far. I followed tutorial but facing error: Error: No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp() I already have user registration in my app which works fine, also separeated separate file for google signin just to not have in inside my App.js. Do you have any thought what the problem might be here?
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:" import { firebase } from "@react-native-firebase/auth"; const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID", }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:" import { firebase } from "@react-native-firebase/auth"; const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID", }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
Hi, friend! I'm making an app with React Native and Expo and I'm having issues with Expo Notifications permissions on Android. When the user denies the permissions the first time and then activates them in the phone settings, it does not take the token again. If the user accepts them the first time and then deactivates them and then activates them again, he does not take the token again either. If you can help me with that I'm willing to pay for it. Thanks in advance and thanks for your content...
@@BugNinza Buddy... I think I was not clear, the notifications work if I grant the permissions from the beginning... the problem is when I did not grant them and then I want to do it, or when I had granted them, I deactivate them and then I want to activate them again... Thanks bro!
You can request codes for up to 3 videos by joining the "Elite Ninza Army" membership. You can join here: ruclips.net/channel/UCLTAVHeuoOyc4aFIA1o6Xygjoin
All the required links and package names are available in the description. DM me on Instagram or Twitter for any queries. Do subscribe and keep supporting❤
Thank you, Rohit!! Was stuck on this and not finding a solution. Amazing how quickly tutorials get out of date. I appreciate the thorough walk through.
Glad it helped! Keep supporting
I appreciate man!, other guys are using the bare workflow, finally I found you using the managed workflow
Great to hear!
Thank you so so soo much sir. I completely wasted my entire day to solve errors for firebase and react native configuration and at the end of the day I found your video. Once again, Thanks a lot for whole step by step process. ❤
Glad it helped, Abhi.
Hello Rohit, I want to thank you very much for this tutorial, it was the first one, after days that I followed it and it really works. Thank you for sharing your knowledge. I'm going to marathon your other videos now. 😊👍
Sure, and let me know if you encounter any errors 🤜🏻🤛🏻
Thank you, because many package deprecate, there is not many youtube I can follow correctly. Thank you for this Tutorial.
Glad it was helpful!
awesome tutorial, all the best brother, keep making more videos, wanna see some Laravel tutorials if possible, or more detailed React Native content
I didn't even finish watching the video but I would like to congratulate you for the video and dedication. I think it's already your third video that really helps me solve a problem. I wish you much success! My best regards.
Thank you so much for your kind words and support! I'm thrilled to hear that my videos have been helpful to you. It's incredibly motivating to know that I've been able to assist you in solving problems. Your support means the world to me, and I'll continue working hard to provide valuable content. Best regards to you as well, and here's to your continued success too!
Thank you so much man! Before I saw your video, I had almost lost hope trying to implement this. Thanks again. Content is excellent.
haha..!! Glad it helped! Don't lose hope. I am only one comment/DM away. Keep supporting
Thx U !!! I used expo-auth-session but after deploy, login session shutdown by unknown error... but U saved me. God bless U Ninza!
Glad it helped. Keep Supporting
You solved my biggest problem dude. Thanks ❤❤
Haha.. Anytime. Cheers..!!
Please help me, I have a problem with eas development build when I use navigation
ERROR Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager
Rebuild the project after putting the the google-services.json...... Worked for me!
what a video!!!! you saved me days. Thank you so much!
Keep supporting!!
thanks it worked for me, still i need to understand more what is this eas and what are the advantages I've lost other then the direct use of the expo go, really thank you man!! really!!!
Glad it helped. Keep supporting
Thank you Rohit! Helped me a lot. It is an awesome tutoril
Thank you. Happy coding, chimi wangchuk 🥳
Great content bro. You saved me from confusion😅👍👍
Glad I could help
nice explanation keep it up bro and thanks for the video 👍
Glad you liked it. Keep supporting
Hi, may I have a question I was asked by my coworkers today. There is other Firebase SDK which can create a universal app for web, iso, android together using expo go. But when I was excited to recommend them to try this React Native firebase way, they felt complex and un-convenience (cannot using expo go). Clearly I will continue to research Firebase SDK for google signin method. Could you let me know why you don't use Firebase SDK for google signin? Thank you, I still very appreciate you made this google signin workable video.
In this video, I demonstrated the use of the Firebase SDK in an Android app built with React Native. The Expo platform, which provides a set of tools and services for building cross-platform mobile apps with React Native, has been gradually closing the gap between itself and React Native. However, starting with Expo SDK version 46, the expo-google package, which allowed for Google sign-in, was deprecated. As a result, users who want to implement Google sign-in in their Expo app must either use the prebuild method or the development build method, the latter of which I chose to use in this video in order to avoid using Android Studio. The development build method is recommended by the Expo documentation.
7.53 dakikadaki sayılara hiç ulaşamıyorum eas kurulumunda hata alıyorum. expo hesabı bile açtım ama EAS kısmını yapamadım ve olmadı . 48 saattir uğraşıp olayı anlayıp sonuca ulaşamamak çok üzücü bir durum.
Hello, i've been trying a lot but i can't add a navigator after logging in to go to different pages, do you know how I could do it?
If you are using Firebase, you can use the onAuthStateChanged() method to track changes in the user's authentication state. This can be useful for redirecting the user to a different page after they log in or out.
For example, in my email authentication video, I used two stack navigators: one for the pre-login state and one for the post-login state. After the user logged in, the onAuthStateChanged() method triggered the navigator to switch to the post-login state, which displayed the dashboard.
You can use the onAuthStateChanged() method to navigate the user to any page you want, depending on your app's profile.
context: ruclips.net/video/lBUjggiWQ1U/видео.html
Thank you so much bro! helped a lot.
Happy Coding and keep supporting 🙌🏻
Thanks, it works, but I'm a bit confused (i'm new to this). I'm making an app that uses both Email and Google authentication, as well as Firestore. My question is, should I use this method for Email and Firestore too, because you have another video for Email where you used web app and firebase package?
Web based config can be used anywhere regardless of the platform. But if I am going for the Android only then I have to use the Platform oriented (Android ) SDK in our project.
is there a github repo of this example project?
can you explain what's the use of this command eas build --profile development --platform android
and Can we create boht android and ios at the same time ??
The command eas build --profile development --platform android is related to Expo Application Services (EAS) and is used for building an Android version of your React Native Expo project in development mode.
Yes, you can create builds for both Android and iOS at the same time
I get an error just importing the googlesign
Super helpful. Thanks! And this should work with IOS too right?
With some small changes. Yes!!!
@@BugNinza Thanks! Were you able to personally get this to work with IOS? I got it to work with Android following your steps, but with IOS I am getting the following error when I try to start the app up: Error: No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp()
Any thoughts on that?
Rohit i have a big nooby question: normally sign in with google works just with import {
signInWithPopup
GoogleAuthProvider,
} from "firebase/auth";
const googleAuthProvider = new GoogleAuthProvider(); const signInWithGoogle = () =>
signInWithPopup
(auth,googleAuthProvider )
}); easy peasy.. but i get it that with expo go the pop up will not appear and there is a problem, but why should i care if this is going to work for my user after he download the app, after all he will not use expo go so it will work for him
Wohho!! Excellent question! Since Expo Go is not a distribution channel for the app, this should not be a problem. However, I made this video to demonstrate the use of native code and the Google Sign In process. If I were you, I would first check this method by building an APK. Let me know if this works!
It worked, thanks a lot...was stuck for days! @8:32 how were you able share your mobile screen on desktop, do let me know! :) Thanks again...
Glad it helped! I use this to mirror my screen: github.com/Genymobile/scrcpy
@@BugNinza I need to test my app with different screen sizes... any free tool you know?
What is the reasoning for generating a new set of build credentials when one has already been generated during the eas build command? It works with adding both, but I'm just curious what the purpose is for doing that rather than build able to just use the one that is built in the initial build process?
Any changes to the app.json file require you to rebuild your app in development mode.
Thank you for replying. I a wondering specifically about the SHA-1 creds though, around the 5:45 mark in the video. You generate a second keystore and end up adding both the new SHA-1 key and the default SHA-1 key I'm just curious about why 2 sets of keys are required to add to firebase. Thanks!
hello, when I went to compile the application with the command "npx cross-env EAS_NO_VCS=1 eas build -p android" (since I can't do it with only eas build -p android) and it generates the aab... but then when I upload it to the internal test on the play console, only the part of the popup works with the google accounts of the device to choose from, when I choose the popup closes and nothing else changes... I did everything else just like the video... I didn't test it in android studio in development mode yet
Check firebase permissions and rules. Confirm that the onAuthStateChanged function is called after successful sign-in. Verify Google Sign-In configuration and Firebase configuration.
will the login persists even after I close the app and start again? and what's the procedure on refreshing the tokens?
Was using firebase web SDK and am stuck on it since last week, came across yours video loved the explanation going to try this tomorrow
Don't skip any part and let me know if it works
@@BugNinza done it worked thank you so much
@BugNinza Thank you for the great tutorial. I wonder if you have another video for ios set up?
Not yet
thanks for sharing! do you have the sample code? because i run npx expo start for android for got errors.. does it work using EXPO right? or native-react only ?
You can request codes for up to 3 videos by joining the "Elite Ninza Army" membership. You can join here: ruclips.net/channel/UCLTAVHeuoOyc4aFIA1o6Xygjoin
No, it won't work on the expo go app. Follow the video carefully. I mentioned everything in this video
Thank you very much.
Keep supporting 🙌
I can not getting user firebase info like uid , photourl , name etc
Please help me how can I do that
Thank you, it was helpfull
Glad it helped!
it doesn t work in ios any solutions ?
Nice video....Thank You..!
Hello, I have a question. Does that imply that I must develop a brand-new react native app for iOS if I want the "ios" auth too? or can I simply follow the setup for iOS to utilize Firebase Google Sign-in for both "iOS" and "Android" within the same React Native app? #NewbieQuestion. Thanks in advance.
You don't have to create a separate React Native app for iOS. You can use the same app to work on both iOS and Android, but you may need to make some adjustments for compatibility with the iOS user interface.
I am also new to developing 😉
Brother can also make a video like how to integrage passportjs google ouath in expo app like i completed the passportjs backend part with nodejs but don't know properly how to integrate with the expo app please make one video
I'll try
@@BugNinza sure i m waiting for that video because this authentication is required for urgent project
"eas credentials" command is giving expo/configPlugins not found error
First install eas cli. Don't skip the video
hi, very helpful vid! one quick question tho. how can we check if an account has already been created with Google? It seems that we can do this by verifying userCredential.additionalUserInfo.isNewUser, but this still requires to use auth().signInWithCredential(googleCredential), which will be interpreted by the authStateChangeHandler as a new user and therefore I get redirected to the home page regardless. thanks!!
you're correct that userCredential.additionalUserInfo.isNewUser can be used to check if a user is new or not. However, if you're encountering redirection issues due to authStateChangeHandler interpreting the sign-in as a new user, you might want to explore an alternative approach.
One way to handle this is to perform a separate check before calling signInWithCredential. You can use fetchSignInMethodsForEmail from Firebase to check if an account with the given email address already exists.
I have the following errors after trying implement gogle sign in.
Can you help me?
Errors:
TypeError: null is not an object (evaluating 'RNGoogleSignin.SIGN_IN_CANCELLED')
RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking.
Invariant Violation: "main" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.
Read your error. Your Google sign-in module is not correctly linked. Please set-up your firebase and expo app carefully. You can send me the snap of your error on my social media handle for quicker response
@@BugNinza I sended a message in your web. Can you help me with a call? I can pay for it.
Thank you very very much!
You are welcome! :)
i do google sign in and email sign in from your instructions. The problem that I got when the email account and google account having the same email address. How to tell the user to sign in with different credentials? Maybe show a message like "Email already in use, please sign up with different account"?. Thanks you
When you use google as authentication then it generates an access token key. While registering a user you may use a query that if user exists then render an alert of "sign in using different email" but it works fine with the login. You may discuss more about this on my social media handle (@_ninza7 : Instagram & Twitter)
I'm getting a no firebase app default has been created. Run firebase.initializeApp error🥺 and I'm not testing on expo
check your project setup
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:"
import { firebase } from "@react-native-firebase/auth";
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
databaseURL: "YOUR_DATABASE_URL",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID",
};
if (!firebase.apps.length) {
firebase.initializeApp(firebaseConfig);
}
Hey Rohit, was curious if there is any way I can get in touch with you? I am creating an app which will be in production and scaled to thousands of users. But my current device doesnt support emulator and neither am I able to connect my phone hence chose expo go, but am unable to run react-native-googlesignin with firebase expo app. I am skeptical if I should continue with expo. Is this my only option to develop an android app? Is there any other way to test out android development apart from emulator, or connecting the phone, or expo? Maybe like running the app on web on mobile view?
Let me answer all your questions one by one:
1. Yes, you can connect with me on Instagram or Twitter (@_ninza7). I'm also open to DMs here.
2. Congratulations! I hope your app performs well in production.
3. Expo and React Native are two separate entities. After SDK 44 of Expo, I believe the team has decided to close the gap between React Native and Expo. That's why they decided to use the native modules of React Native. These native modules won't work in the Expo Go app. This means you can't test your code there. However, you can test it out using the development build. If you closely watch your console screen, you'll find an option for the development build in the latest Expo SDKs.
4. Yes, you can continue with Expo if your app doesn't have a massive audience. It should perform pretty well (depending on your code). After reaching a milestone of users, you can easily switch to core React Native.
5. No, you can use Flutter, Kotlin, Expo, or React Native.
6. You can use Snack, a platform for testing Expo apps. However, Snack has some limited features (like you can't test Google Sign In), but it's still a great option.
@@BugNinza your Twitter dms aren't open for all. Though you have answered most of my queries. Thanks a lot. Also my expo go crashes right after initialisation without even adding anything, is this common? Heard similar reviews on playstore as well.
Now I have opened my DM for all on Twitter. Thanks for letting me know.
I haven't faced such issues yet. Sometimes it does crash, but more often it works pretty well if you write cleaner code.
Could you tell me how to do Google role based authentication in react native expo using firebase
what's role based auth??
@@BugNinza i mean admin and user role base sign in
" ERROR RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking.
ERROR TypeError: Cannot read property 'SIGN_IN_CANCELLED' of null, js engine: hermes"
I got the above error when i try to import Googlesign . I searched the internet , but not found any solution.
please help me on this . I completely blocked here.
Don't test your app in the expo go app. It won't work because I used native code in this project and offcourse followed the official documentation
Sir it shows an error: No Firbase App '[DEFAULT]' has been created. can you help me with this ?
Don't use expo go app to test this code. It won't work. Follow the video carefully
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:"
import { firebase } from "@react-native-firebase/auth";
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
databaseURL: "YOUR_DATABASE_URL",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID",
};
if (!firebase.apps.length) {
firebase.initializeApp(firebaseConfig);
}
Hi, I need to build my app twice or can install all the dependencies and then build?
It is up to you 🤜🤛
I followed your step but i got error
>> RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking. If you're using Expo, please use expo-google-sign-in. This is because Expo does not support custom native modules.
ERROR TypeError: null is not an object (evaluating 'RNGoogleSignin.SIGN_IN_CANCELLED')
do you have any idea how to solve it?
You haven't followed the steps correctly. Expo SDK version 46 doesn't support google sign-in directly. That's why I used the development build method.
@@BugNinza yeah I made some mistakes but now it's working. I have a question. After choosing google account it directly sign in to the app without asking to type password. What kind of the trick does the library use. Is it safe ? I've tried Expo auth-session for Google Authentication after choosing google account, user need to enter password to sign in and this authentication flow is usually seen in many popular application.
Great tutorial !! What about pushing it to production server ?
Build your app for production instead of development. Do test your app before pushing it to production.
@@BugNinza did you got any error reguarding ViewPropType ?
Great Video!
Thanks! Keep supporting
is it working for ios?
Thats the one of most complex programming thing i ever did so far. I followed tutorial but facing error: Error: No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp() I already have user registration in my app which works fine, also separeated separate file for google signin just to not have in inside my App.js. Do you have any thought what the problem might be here?
Don't test your app in the expo go app. It won't work. Follow the tutorial carefully
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:"
import { firebase } from "@react-native-firebase/auth";
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
databaseURL: "YOUR_DATABASE_URL",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID",
};
if (!firebase.apps.length) {
firebase.initializeApp(firebaseConfig);
}
were you able to solve it?
Can we have access to your code sample?
please help i got the error { no firebase App '[DEFAULT]' has been created - call firebase.initializeApp() } how to solve it please help
Follow the video carefully
Same issue sir
@@BugNinza i also face this error ai can not solve
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:"
import { firebase } from "@react-native-firebase/auth";
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
databaseURL: "YOUR_DATABASE_URL",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID",
};
if (!firebase.apps.length) {
firebase.initializeApp(firebaseConfig);
}
how did you do it
did you create a firebase config file? or you added it to the code
@@nhantamtran6159
Great tutorial!
Thank you! Cheers!
Can we use both authentication and push notifications in expo with firebase
Sure, why not..
And if I want to use firestore then
Because for notification we add to firebase as a Android project, and for firestore database we add as a web project, how to do it.
It worked. Nice
Good to hear
Is this tutorial still valid this year?
Try this and let me know 👨💻
Hi, friend!
I'm making an app with React Native and Expo and I'm having issues with Expo Notifications permissions on Android.
When the user denies the permissions the first time and then activates them in the phone settings, it does not take the token again.
If the user accepts them the first time and then deactivates them and then activates them again, he does not take the token again either.
If you can help me with that I'm willing to pay for it.
Thanks in advance and thanks for your content...
Try this: docs.expo.dev/versions/latest/sdk/notifications/#api
Then let me know.
My social Handles: @_ninza7 (Insta & Twitter)
@@BugNinza Buddy... I think I was not clear, the notifications work if I grant the permissions from the beginning... the problem is when I did not grant them and then I want to do it, or when I had granted them, I deactivate them and then I want to activate them again... Thanks bro!
thank you
Keep supporting 🙌
thank you so much
You're welcome!
code or github repo?
You can request codes for up to 3 videos by joining the "Elite Ninza Army" membership. You can join here: ruclips.net/channel/UCLTAVHeuoOyc4aFIA1o6Xygjoin
hey what of IOS
Use APN
Please also create for facebook sign in
Stay tuned. This week, probably on Thursday
@@BugNinza Ok sure I will, React native cli na
@@BugNinza waiting
@@BugNinza waiting
Valeu!
Thank you
8:20 br