Im still new in Flutter , I wanted to know how to redirect to another page after login to my app using google sign in, can anyone help in this matter? Heres the code. Im not sure where to redirect to another page in this case. Thank you

import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import 'package:google_sign_in/google_sign_in.dart';

class GoogleSignInProvider extends ChangeNotifier {
  final googleSignIn = GoogleSignIn();
  GoogleSignInAccount? _user;
  GoogleSignInAccount get user => _user!;

  Future googleLogin() async{
    final googleUser = await googleSignIn.signIn();
    if (googleUser == null) return;

    _user = googleUser;
 
    final googleAuth = await googleUser.authentication;

    final credential = GoogleAuthProvider.credential(
      accessToken: googleAuth.accessToken,
      idToken: googleAuth.idToken,
    );
    await FirebaseAuth.instance.signInWithCredential(credential);
    notifyListeners();
  }
}

CodePudding user response：

The method FirebaseAuth.instance.signInWithCredential returns a Future(Promise) and it can either be that the user successfully signed in or not.

final UserCredential userCredential = await FirebaseAuth.instance.signInWithCredential(credential);
final user = userCredential.user;

If you want to move to a difference screen, you can just use Navigator.push method:

Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => //YOUR SCREEN HERE),
  );

Documentation

CodePudding user response：

Firebase auth offers a authStateChanges() which is a Stream, so every time a new user logs in or logged out, it will get triggered, in your code, calling:

await FirebaseAuth.instance.signInWithCredential(credential);

will trigger it if it ran successfully.

you can listen to that authStateChanges() stream by using a StreamBuilder like in this example:

StreamBuilder<User>(
      stream: FirebaseAuth.instance.authStateChanges(),
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.active) {
          User user = snapshot.data;
          if (user == null) {
            return LoginPage();
          }
          return HomePage();
        } else {
          return Scaffold(
            body: Center(
              child: CircularProgressIndicator(),
            ),
          );
        }
      },
    );

This widget should run on a top level of your app ( as an example using it in the home of the MaterialApp of your app)

initially, when there is no user logged in, the firebase's User will be null, so it will redirect to the LoginPage

on a successfully logged-in operation such as the FirebaseAuth.instance.signInWithCredential(credential); in your code, the User will have some data and it will not be null, so the StreamBuilder will get notified, and show the HomePage() page.