新增闪屏页面，解决屏幕适配出来的BuG

Author: Tecode

assets/images/image_splash.jpg

@@ -178,5 +178,3 @@ class _LoginState extends State<Login> {
     );
   }
 }
-
-class Futrue {}

lib/containers/Login.dart

@@ -0,0 +1,79 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+import 'package:flutter_book/containers/Entrance.dart';
+import 'package:flutter_book/helpers/Adapt.dart';
+
+class SplashPage extends StatefulWidget {
+  @override
+  State<StatefulWidget> createState() {
+    return _SplashPageState();
+  }
+}
+
+class _SplashPageState extends State<SplashPage> {
+  num _time = 6;
+  Timer _timer;
+
+  @override
+  Widget build(BuildContext context) {
+    Adapt.instance = Adapt.getInstance()..init(context);
+    return Scaffold(
+      body: Stack(
+        children: <Widget>[
+          Image.asset(
+            "assets/images/image_splash.jpg",
+            fit: BoxFit.cover,
+            width: double.infinity,
+            height: MediaQuery.of(context).size.height,
+          ),
+          Positioned(
+            top: Adapt.getInstance().setPx(15.0) +
+                Adapt.getInstance().getPadTopH,
+            right: Adapt.getInstance().setPx(15.0),
+            child: GestureDetector(
+              onTap: _goToHome,
+              child: Container(
+                padding: EdgeInsets.symmetric(
+                    horizontal: Adapt.getInstance().setPx(8.0),
+                    vertical: Adapt.getInstance().setPx(4.0)),
+                decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(20.0),
+                    color: Color.fromRGBO(0, 0, 0, 0.8)),
+                child: Text(
+                  "${_time}s 跳过",
+                  style: TextStyle(
+                    color: Colors.white,
+                    fontSize: Adapt.getInstance().setPx(14.0),
+                  ),
+                ),
+              ),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _timer = Timer.periodic(Duration(seconds: 1), (_) {
+      setState(() {
+        _time = _time - 1;
+      });
+      // 倒计时
+      if (_time == 1) {
+        _goToHome();
+      }
+    });
+    // _countDown();
+  }
+
+// 跳到首页
+  void _goToHome() {
+    _timer.cancel();
+    Navigator.of(context).pushAndRemoveUntil(
+        MaterialPageRoute(builder: (context) => Entrance()),
+        (route) => route == null);
+  }
+}

lib/containers/SplashPage.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'dart:ui';
 
 class Adapt {
+  static Adapt instance = Adapt();
   static MediaQueryData mediaQuery = MediaQueryData.fromWindow(window);
   static double _width = mediaQuery.size.width;
   static double _height = mediaQuery.size.height;
@@ -19,11 +20,19 @@ class Adapt {
   /// @param [allowFontScaling] 是否跟随系统进行字体缩放
   /// @param [uiwidth] 设计图的宽度px
   /// @param [uiheight] 设计图的高度px
-  Adapt.init(
-      {allowFontScaling = false, @required uiwidth, @required uiheight}) {
-    _allowFontScaling = allowFontScaling;
-    _uiwidth = uiwidth;
-    _uiheight = uiheight;
+
+  void init(BuildContext context) {
+    mediaQuery = MediaQuery.of(context);
+    _width = mediaQuery.size.width;
+    _height = mediaQuery.size.height;
+    _topbarH = mediaQuery.padding.top;
+    _botbarH = mediaQuery.padding.bottom;
+    _pixelRatio = mediaQuery.devicePixelRatio;
+    _textScaleFactor = mediaQuery.textScaleFactor;
+  }
+
+  static Adapt getInstance() {
+    return instance;
   }
 
   // 设置字体大小px
@@ -55,6 +64,14 @@ class Adapt {
     return _topbarH;
   }
 
+  double setPx(number) {
+    return _allowFontScaling
+        ? (number * scaleWidth) / _textScaleFactor
+        : number * scaleWidth;
+  }
+
+  double get getPadTopH => _topbarH;
+
 // 底部安全区距离
   static padBotH() {
     return _botbarH;

lib/helpers/Adapt.dart

@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/cupertino.dart';
-import 'package:flutter_book/containers/Login.dart';
-import 'package:flutter_book/containers/Entrance.dart';
+import 'package:flutter_book/containers/SplashPage.dart';
 import 'package:flutter_book/helpers/constants.dart' show AppColors;
 import 'package:flutter/services.dart';
 import 'package:fluro/fluro.dart';
@@ -60,7 +59,7 @@ class MyApp extends StatelessWidget {
           primaryColor: Color(AppColors.themeColor),
           accentColor: Color(AppColors.themeColor),
           scaffoldBackgroundColor: Color(AppColors.themeColor)),
-      home: Login(),
+      home: SplashPage(),
       onGenerateRoute: Application.router.generator,
     );
   }

lib/main.dart

@@ -8,6 +8,7 @@ import 'package:flutter_book/containers/Search.dart';
 import 'package:flutter_book/containers/Leaderboard.dart';
 import 'package:flutter_book/containers/Category.dart';
 import 'package:flutter_book/containers/AboutUs.dart';
+import 'package:flutter_book/containers/SplashPage.dart';
 
 // import 'package:flutter/painting.dart';
 import 'package:fluro/fluro.dart';
@@ -74,6 +75,12 @@ Handler aboutUsRouterHandler = Handler(
   return AboutUs();
 });
 
+// 闪屏
+Handler splashRouterHandler = Handler(
+    handlerFunc: (BuildContext context, Map<String, List<String>> params) {
+  return SplashPage();
+});
+
 // var demoFunctionHandler = Handler(
 //     type: HandlerType.function,
 //     handlerFunc: (BuildContext context, Map<String, List<String>> params) {

lib/models/common.g.dart

@@ -23,6 +23,8 @@ class Routes {
   static String category = "/category";
   // 关于我们
   static String aboutUs = "/aboutUs";
+  // 闪屏页面
+  static String splash = "/splash";
 
   static void configureRoutes(Router router) {
     router.notFoundHandler = Handler(
@@ -39,6 +41,7 @@ class Routes {
     router.define(leaderboard, handler: leaderboardRouterHandler);
     router.define(category, handler: categoryRouterHandler);
     router.define(aboutUs, handler: aboutUsRouterHandler);
+    router.define(splash, handler: splashRouterHandler);
     // router.define(demoSimpleFixedTrans,
     //     handler: demoRouteHandler, transitionType: TransitionType.inFromLeft);
   }