3. import asset, proses login google mail

lib/app/constant.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+
+class Constant {
+  // static double designHeight = 1024;
+  // static double designWidth = 1440;
+
+  static double designHeightPhone = 844;
+  static double designWidthPhone = 390;
+
+  // color theme
+  static Color textBlack = const Color(0xff212B36);
+  static Color textLightGrey = const Color(0xff919EAB);
+
+  // size convertion
+  static double getActualXPhone({
+    required BuildContext context,
+    required double x,
+  }) {
+    return x / designWidthPhone * MediaQuery.of(context).size.width;
+  }
+
+  static double getActualYPhone({
+    required BuildContext context,
+    required double y,
+  }) {
+    return y / designHeightPhone * MediaQuery.of(context).size.height;
+  }
+
+  // typography
+  static TextStyle titleH1_700({required BuildContext context}) {
+    return TextStyle(
+      fontSize: Constant.getActualYPhone(context: context, y: 24),
+      fontWeight: FontWeight.w700,
+    );
+  }
+
+  static TextStyle titleH2_600({required BuildContext context}) {
+    return TextStyle(
+      fontSize: Constant.getActualYPhone(context: context, y: 12),
+      fontWeight: FontWeight.w600,
+    );
+  }
+
+  static TextStyle logintitle_700({required BuildContext context}) {
+    return TextStyle(
+      fontSize: Constant.getActualYPhone(context: context, y: 15),
+      fontWeight: FontWeight.w700,
+    );
+  }
+}

lib/app/route.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import '../test_flutter_map.dart';
+import '../screen/login/login_screen.dart';
+import '../screen/splash/splash_screen.dart';
+
+const loginRoute = "/loginRoute";
+const splashRoute = "/splashRoute";
+const testFlutterMapRoute = "/testFlutterMapRoute";
+
+class AppRoute {
+  static Route<dynamic> generateRoute(RouteSettings settings) {
+
+    // test flutter map
+    if (settings.name == testFlutterMapRoute) {
+      return MaterialPageRoute(builder: (context) {
+        return MediaQuery(
+          data: MediaQuery.of(context)
+              .copyWith(textScaleFactor: 1.0, padding: EdgeInsets.all(0)),
+          child: TestFlutterMap(),
+        );
+      });
+    }
+
+    // splash screen
+    if (settings.name == splashRoute) {
+      return MaterialPageRoute(builder: (context) {
+        return MediaQuery(
+          data: MediaQuery.of(context)
+              .copyWith(textScaleFactor: 1.0, padding: EdgeInsets.all(0)),
+          child: SplashScreen(),
+        );
+      });
+    }
+
+    // login
+    if (settings.name == loginRoute) {
+      return MaterialPageRoute(builder: (context) {
+        return MediaQuery(
+          data: MediaQuery.of(context)
+              .copyWith(textScaleFactor: 1.0, padding: EdgeInsets.all(0)),
+          child: LoginScreen(),
+        );
+      });
+    }
+
+    return MaterialPageRoute(builder: (context) {
+      return MediaQuery(
+        data: MediaQuery.of(context)
+            .copyWith(textScaleFactor: 1.0, padding: const EdgeInsets.all(0)),
+        child: LoginScreen(),
+      );
+    });
+  }
+}