swaroopmaddu

Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
              child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            CircleAvatar(
              radius: 70.0,
              backgroundImage: NetworkImage(widget.user.photoUrl,),

swaroopmaddu

class HomeScreen extends StatefulWidget {
  final GoogleSignIn gSignIn;
  final FirebaseUser user;
HomeScreen({this.gSignIn, this.user});
@override
  _HomeScreenState createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {

swaroopmaddu

GestureDetector(
            onTap: () async{
              onGoogleSignIn(context);
            },
            child: Container(
              width: 200,
              padding: EdgeInsets.all(15.0),
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(20.0),
                color: Colors.blue,

swaroopmaddu

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


final GoogleSignIn _gSignIn = GoogleSignIn();
final FirebaseAuth _auth = FirebaseAuth.instance;

class GSignInDemo extends StatefulWidget {

swaroopmaddu

import 'package:GoogleSignInDemo/signInDemo.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();

swaroopmaddu

Container(
        child: Center(
          child: GestureDetector(
            onTap: () async{
              onGoogleSignIn(context);
            },
            child: Container(
              width: 200,
              padding: EdgeInsets.all(15.0),
              decoration: BoxDecoration(

swaroopmaddu

  void onGoogleSignIn(BuildContext context) async {
    FirebaseUser user = await _controlSignIn();
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => HomeScreen(user: user, gSignIn: _gSignIn),
      ),
    );
  }

swaroopmaddu

  Future<FirebaseUser> _controlSignIn() async {
    final GoogleSignInAccount googleUser = await _gSignIn.signIn();
    final GoogleSignInAuthentication googleAuth =
        await googleUser.authentication;

    final AuthCredential credential = GoogleAuthProvider.getCredential(
      accessToken: googleAuth.accessToken,
      idToken: googleAuth.idToken,
    );

swaroopmaddu

Auto Hexagonal CSS Grid Layout

sizes & lengths with only 1 CSS custom properties (in progress).
TODO: shape-outside for texts & vertical centered

Another version: Auto Honeycomb CSS Grid Layout
http://codepen.io/Kseso/full/zwKzQN/

A Pen by Kseso on CodePen.