add reward dialog

Author: boyan01

assets/alipay.jpg

@@ -2,6 +2,7 @@ import 'dart:async';
 
 import 'package:flutter/material.dart';
 import 'package:tetris/gamer/block.dart';
+import 'package:tetris/main.dart';
 import 'package:tetris/material/audios.dart';
 
 ///the height of game pad
@@ -73,7 +74,7 @@ const _SPEED = [
   const Duration(milliseconds: 160),
 ];
 
-class GameControl extends State<Game> {
+class GameControl extends State<Game> with RouteAware {
   GameControl() {
     //inflate game pad data
     for (int i = 0; i < GAME_PAD_MATRIX_H; i++) {
@@ -82,6 +83,24 @@ class GameControl extends State<Game> {
     }
   }
 
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    routeObserver.subscribe(this, ModalRoute.of(context));
+  }
+
+  @override
+  void dispose() {
+    routeObserver.unsubscribe(this);
+    super.dispose();
+  }
+
+  @override
+  void didPushNext() {
+    //pause when screen is at background
+    pause();
+  }
+
   ///the gamer data
   final List<List<int>> _data = [];
 
@@ -320,6 +339,7 @@ class GameControl extends State<Game> {
         return line != 0;
       });
       _current = null;
+      _getNext();
       _points = 0;
       _cleared = 0;
       await Future.doWhile(() async {

assets/wechat.png

@@ -25,6 +25,7 @@ class S implements WidgetsLocalizations {
   String get pause_resume => "PAUSE/RESUME";
   String get points => "Points";
   String get reset => "RESET";
+  String get reward => "Reward";
   String get sounds => "SOUNDS";
 }
 
@@ -41,6 +42,8 @@ class $zh_CN extends S {
   @override
   String get next => "下一个";
   @override
+  String get reward => "赞赏";
+  @override
   String get sounds => "声音";
   @override
   String get pause_resume => "暂停/恢复";

lib/gamer/gamer.dart

@@ -0,0 +1,118 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:overlay_support/overlay_support.dart';
+
+const HONG_BAO = "打开支付宝首页搜“621412820”领红包，领到大红包的小伙伴赶紧使用哦！";
+
+class DonationDialog extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return SimpleDialog(
+      contentPadding:
+          const EdgeInsets.only(top: 8, left: 8, right: 8, bottom: 4),
+      children: <Widget>[
+        SizedBox(width: MediaQuery.of(context).size.width),
+        Container(
+            padding: const EdgeInsets.all(16), child: Text("开发不易，赞助一下开发者。")),
+        _ActionTile(
+          text: "微信捐赠",
+          onTap: () async {
+            await showDialog(
+                context: context,
+                builder: (context) => _ReceiptDialog.weChat());
+            Navigator.pop(context);
+          },
+        ),
+        _ActionTile(
+          text: "支付宝捐赠",
+          onTap: () async {
+            await showDialog(
+                context: context,
+                builder: (context) => _ReceiptDialog.aliPay());
+            Navigator.pop(context);
+          },
+        ),
+        _ActionTile(
+          text: "支付宝红包码",
+          onTap: () async {
+            await Clipboard.setData(ClipboardData(text: HONG_BAO));
+            final data = await Clipboard.getData(Clipboard.kTextPlain);
+            if (data.text == HONG_BAO) {
+              showSimpleNotification(context, Text("已复制到粘贴板 （≧ｙ≦＊）"));
+            } else {
+              await showDialog(
+                  context: context,
+                  builder: (context) => _SingleFieldDialog(text: HONG_BAO));
+            }
+            Navigator.of(context).pop();
+          },
+        ),
+      ],
+    );
+  }
+}
+
+class _SingleFieldDialog extends StatelessWidget {
+  final String text;
+
+  const _SingleFieldDialog({Key key, @required this.text}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Dialog(
+      child: Container(
+        padding: EdgeInsets.all(16),
+        child: TextField(
+          maxLines: 5,
+          autofocus: true,
+          controller: TextEditingController(text: text),
+        ),
+      ),
+    );
+  }
+}
+
+class _ReceiptDialog extends StatelessWidget {
+  final String image;
+
+  const _ReceiptDialog({Key key, this.image}) : super(key: key);
+
+  const _ReceiptDialog.weChat() : this(image: "assets/wechat.png");
+
+  const _ReceiptDialog.aliPay() : this(image: "assets/alipay.jpg");
+
+  static final borderRadius = BorderRadius.circular(5);
+
+  @override
+  Widget build(BuildContext context) {
+    return Dialog(
+      shape: RoundedRectangleBorder(borderRadius: borderRadius),
+      child: ClipRRect(borderRadius: borderRadius, child: Image.asset(image)),
+    );
+  }
+}
+
+class _ActionTile extends StatelessWidget {
+  final VoidCallback onTap;
+
+  final String text;
+
+  const _ActionTile({Key key, @required this.onTap, @required this.text})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTap,
+      child: Container(
+        height: 40,
+        child: Row(
+          children: <Widget>[
+            SizedBox(width: 16),
+            Text(text, style: TextStyle(fontWeight: FontWeight.bold)),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/generated/i18n.dart

@@ -1,9 +1,10 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:tetris/gamer/gamer.dart';
 import 'package:tetris/generated/i18n.dart';
-import 'package:tetris/panel/screen.dart';
+import 'package:tetris/income/donation_dialog.dart';
 import 'package:tetris/panel/controller.dart';
-import 'package:flutter_localizations/flutter_localizations.dart';
+import 'package:tetris/panel/screen.dart';
 
 void main() {
   _disableDebugPrint();
@@ -23,6 +24,8 @@ void _disableDebugPrint() {
   }
 }
 
+final RouteObserver<ModalRoute> routeObserver = RouteObserver<ModalRoute>();
+
 class MyApp extends StatelessWidget {
   // This widget is the root of your application.
   @override
@@ -34,6 +37,7 @@ class MyApp extends StatelessWidget {
         GlobalMaterialLocalizations.delegate,
         GlobalWidgetsLocalizations.delegate
       ],
+      navigatorObservers: [routeObserver],
       supportedLocales: S.delegate.supportedLocales,
       theme: ThemeData(
         primarySwatch: Colors.blue,
@@ -60,6 +64,18 @@ class _HomePage extends StatelessWidget {
           padding: MediaQuery.of(context).padding,
           child: Column(
             children: <Widget>[
+              Row(
+                children: <Widget>[
+                  Spacer(),
+                  FlatButton(
+                      onPressed: () {
+                        showDialog(
+                            context: context,
+                            builder: (context) => DonationDialog());
+                      },
+                      child: Text(S.of(context).reward))
+                ],
+              ),
               Spacer(),
               Container(
                 decoration: BoxDecoration(
@@ -88,7 +104,7 @@ class _HomePage extends StatelessWidget {
                   ),
                 ),
               ),
-              Spacer(),
+              Spacer(flex: 2),
               GameController(),
             ],
           ),

lib/income/donation_dialog.dart

@@ -17,9 +17,10 @@ dependencies:
     sdk: flutter
   flutter_localizations:
     sdk: flutter
-  # The following adds the Cupertino Icons font to your application.
-  # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^0.1.2
+  overlay_support:
+    git:
+      url: git://github.com/boyan01/quiet-flutter.git
+      path: overlay_support
   audioplayers: ^0.8.0
 
 dev_dependencies:
@@ -32,15 +33,13 @@ dev_dependencies:
 # The following section is specific to Flutter.
 flutter:
 
-  # The following line ensures that the Material Icons font is
-  # included with your application, so that you can use the icons in
-  # the material Icons class.
   uses-material-design: true
 
-  # To add assets to your application, add an assets section, like this:
   assets:
-   - assets/material.png
-   - assets/music.mp3  
+  - assets/material.png
+  - assets/music.mp3
+  - assets/alipay.jpg
+  - assets/wechat.png
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.io/assets-and-images/#resolution-aware.

lib/main.dart

@@ -5,5 +5,6 @@
   "points": "Points",
   "cleans": "Cleans",
   "level": "Level",
-  "next": "Next"
+  "next": "Next",
+  "reward": "Reward"
 }

pubspec.yaml

@@ -5,5 +5,6 @@
   "points": "分数",
   "cleans": "消除",
   "level": "级别",
-  "next": "下一个"
+  "next": "下一个",
+  "reward": "赞赏"
 }