Adding Bottom Navigation bar

2021-03-18 00:44:33 +02:00
parent caa7f5e2f9
commit 6bf2b46059
19 changed files with 454 additions and 63 deletions
@@ -1,13 +1,107 @@
 import 'package:flutter/material.dart';
+import 'package:le_kiosque_by_gcs/services/auth/auth.dart';

-class AuthView extends StatefulWidget {
-  @override
-  _AuthViewState createState() => _AuthViewState();
-}
+import 'custom/custom_elevated_button.dart';
+
+class AuthView extends StatelessWidget {
+  const AuthView({Key key, this.auth}) : super(key: key);
+  final Auth auth;
+
+  Future<void> _signWithGoogle() async {
+    try {
+      await auth.signInWithGoogle();
+    } catch (e) {
+      print("Error $e");
+    }
+  }
+
+  Future<void> _signInWithFacebook() async {
+    try {
+      await auth.signInWithFacebook();
+    } catch (e) {
+      print("Error $e");
+    }
+  }

-class _AuthViewState extends State<AuthView> {
  @override
  Widget build(BuildContext context) {
-    return Container();
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      body: Column(
+        children: [
+          Container(
+            height: 550,
+            decoration: BoxDecoration(
+              image: DecorationImage(
+                image: AssetImage("assets/images/login_back.png"),
+                fit: BoxFit.cover,
+              ),
+            ),
+          ),
+          Expanded(
+            child: Transform.translate(
+              offset: Offset(0, -50),
+              child: Container(
+                width: double.infinity,
+                decoration: BoxDecoration(
+                  color: Colors.grey[200],
+                  borderRadius: BorderRadius.only(
+                    topLeft: Radius.circular(30),
+                    topRight: Radius.circular(30),
+                  ),
+                ),
+                child: Padding(
+                  padding: const EdgeInsets.only(
+                    top: 32,
+                    left: 24,
+                    right: 24,
+                    bottom: 24,
+                  ),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.stretch,
+                    children: [
+                      Text(
+                        "S'identifier",
+                        style: TextStyle(
+                            fontSize: 26,
+                            fontWeight: FontWeight.bold,
+                            color: Colors.black,
+                            inherit: false),
+                      ),
+                      SizedBox(height: 32),
+                      CustomElevatedButton(
+                        imageAsset: "assets/images/google_logo.png",
+                        color: Colors.white,
+                        textColor: Colors.black,
+                        onPressed: _signWithGoogle,
+                        text: "Se connecter avec Google",
+                      ),
+                      SizedBox(height: 24),
+                      CustomElevatedButton(
+                        imageAsset: "assets/images/facebook_logo.png",
+                        color: Color(0xFF334D92),
+                        textColor: Colors.white,
+                        onPressed: _signInWithFacebook,
+                        text: "Se connecter avec Facebook",
+                      ),
+                      SizedBox(
+                        height: 48,
+                      ),
+                      Text(
+                        "En vous connectant, vous acceptez nos conditions et termes d'utilisation.",
+                        style: TextStyle(
+                          inherit: false,
+                          color: Colors.black87,
+                        ),
+                      )
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          )
+        ],
+      ),
+    );
  }
 }