Gmail Integration In Flutter Using Firebase


Gmail Integration In Flutter Using Firebase
Gmail Integration In Flutter Using Firebase


Working With Firebase Site:-

1.Log in your Firebase (https://console.firebase.google.com) account & create a new project.

2.Navigate to Authentication -> Sign In Method -> Enable Google Authentication.

3.Navigate to Project Settings -> Add Android App.

4.Fill your App name, package ID, SHA-1 Key & click Add App.

5.Download google-services.json file.

Here is some pic of Firebase where you can connect you app with Firebase all process given below...



Step:1

Gmail Integration In Flutter Using Firebase

Step:2

gmail interigation flutter


Step:3


Step:4


Step:5


Step:6



Working with Flutter Google Login :

Open your pubspec.yaml file & add googlesignin package & execute flutter pub get
Import required package on your main.dart
Proper Code Is Given below--------->

import 'package:flutter/material.dart';
import 'package:google_sign_in/google_sign_in.dart';
void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _MyAppState();
  }
}

class _MyAppState extends State<MyApp> {
  bool _isLoggedIn = false;

  GoogleSignIn _googleSignIn = GoogleSignIn(scopes: ['email']);

  _login() async{
    try{
      await _googleSignIn.signIn();
      setState(() {
        _isLoggedIn = true;
      });
    } catch (err){
      print(err);
    }
  }

  _logout(){
    _googleSignIn.signOut();
    setState(() {
      _isLoggedIn = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        body: Center(
            child: _isLoggedIn
                ? Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Image.network(_googleSignIn.currentUser.photoUrl, height: 50.0, width: 50.0,),
                Text(_googleSignIn.currentUser.displayName),
                OutlineButton( child: Text("Logout"), onPressed: (){
                  _logout();
                },)
              ],
            )
                : Center(
              child: OutlineButton(
                child: Text("Login with Google"),
                onPressed: () {
                  _login();
                },
              ),
            )),
      ),
    );
  }
}

Output Of This Code




You just download this code from Github


Happy Coding enjoy Flutter with code with android JJ

Post a Comment

0 Comments