Improve home page

android/gradle.properties

 org.gradle.jvmargs=-Xmx1536M
 android.useAndroidX=true
 android.enableJetifier=true
-app.versionName=0.1.12
-app.versionCode=36
+app.versionName=0.1.13
+app.versionCode=37

lib/screens/home.dart

@@ -20,50 +20,51 @@ class Home extends StatelessWidget {
   Widget build(BuildContext context) {
     Data _myProvider = Provider.of<Data>(context);
 
-    return Scaffold(
-      backgroundColor: Colors.blue,
-      body: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-          crossAxisAlignment: CrossAxisAlignment.center,
-          mainAxisSize: MainAxisSize.max,
-          children: <Widget>[
-            FlatButton(
-              color: Colors.green,
-              padding: EdgeInsets.all(15),
-              child: Text(
-                '🖼️ ➡️ 💬',
-                style: Theme.of(context)
-                    .textTheme
-                    .display1
-                    .copyWith(color: Colors.white),
+    Container _buildMenuItemContainer(String code, Color color) {
+      double imageSize = 150;
+
+      String imageAsset = 'assets/menu/' + code + '.png';
+
+      return Container(
+        margin: EdgeInsets.all(2),
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(8),
+          border: Border.all(
+            color: Colors.teal,
+            width: 8,
           ),
-              onPressed: () {
-                resetGame(_myProvider);
-                Navigator.pushNamed(
-                  context,
-                  '/game-pick-word',
-                );
-              },
         ),
-            FlatButton(
-              color: Colors.green,
+        child: FlatButton(
+          color: color,
           padding: EdgeInsets.all(15),
-              child: Text(
-                '💬️ ➡️ 🖼',
-                style: Theme.of(context)
-                    .textTheme
-                    .display1
-                    .copyWith(color: Colors.white),
+          child: Image(
+            image: AssetImage(imageAsset),
+            width: imageSize,
+            height: imageSize,
+            fit: BoxFit.fill
           ),
           onPressed: () {
             resetGame(_myProvider);
             Navigator.pushNamed(
               context,
-                  '/game-pick-image',
+              '/' + code,
             );
           },
         ),
+      );
+    }
+
+
+    return Scaffold(
+      backgroundColor: Colors.blue,
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          mainAxisSize: MainAxisSize.max,
+          children: <Widget>[
+            _buildMenuItemContainer('game-pick-word', Colors.pink),
+            _buildMenuItemContainer('game-pick-image', Colors.yellow),
           ],
         ),
       ),

pubspec.yaml

@@ -22,4 +22,5 @@ flutter:
     - assets/assets_images.json
     - assets/files/
     - assets/images/
+    - assets/menu/
     - assets/placeholder.png