Merge branch '7-build-page-skeleton' into 'master'

Resolve "Build page skeleton"

Closes #7

See merge request android/wordguessing!4

android/gradle.properties

 org.gradle.jvmargs=-Xmx1536M
 android.useAndroidX=true
 android.enableJetifier=true
-app.versionName=0.0.4
-app.versionCode=4
+app.versionName=0.0.5
+app.versionCode=5

lib/screens/game_pick_word.dart

@@ -3,6 +3,97 @@ import 'dart:math';
 import 'package:flutter/material.dart';
 
 class GamePickWordPage extends StatelessWidget {
+
+  Container _buildImageContainer(String word, Color color) {
+    return Container(
+      child: FlatButton(
+        color: Colors.grey,
+        padding: EdgeInsets.all(15),
+        child: Text(
+          word,
+          style: TextStyle(
+            fontSize: 20,
+            fontWeight: FontWeight.w400,
+            color: color,
+          ),
+        ),
+        onPressed: () { print("button image: " + word); },
+      ),
+    );
+  }
+
+  Column _buildImageItemsBlock(String word) {
+    Color color = Colors.black;
+
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        Row(
+          mainAxisSize: MainAxisSize.min,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            _buildImageContainer(word, color),
+            _buildImageContainer(word, color),
+          ],
+        ),
+        Row(
+          mainAxisSize: MainAxisSize.min,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            _buildImageContainer(word, color),
+            _buildImageContainer(word, color),
+          ],
+        )
+      ],
+    );
+  }
+
+  Container _buildTextContainer(String word, Color color) {
+    return Container(
+      child: FlatButton(
+        color: Colors.green,
+        padding: EdgeInsets.all(15),
+        child: Text(
+          word,
+          style: TextStyle(
+            fontSize: 20,
+            fontWeight: FontWeight.w400,
+            color: color,
+          ),
+        ),
+        onPressed: () { print("button text: " + word); },
+      ),
+    );
+  }
+
+  Column _buildTextItemsBlock(String word) {
+    Color color = Colors.white;
+
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        Row(
+          mainAxisSize: MainAxisSize.min,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            _buildTextContainer(word, color),
+            _buildTextContainer(word, color),
+          ],
+        ),
+        Row(
+          mainAxisSize: MainAxisSize.min,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            _buildTextContainer(word, color),
+            _buildTextContainer(word, color),
+          ],
+        )
+      ],
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -16,17 +107,8 @@ class GamePickWordPage extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.center,
           mainAxisSize: MainAxisSize.max,
           children: <Widget>[
-            FlatButton(
-              color: Colors.yellow,
-              padding: EdgeInsets.all(15),
-              child: Text(
-                '...',
-                style: Theme.of(context)
-                    .textTheme
-                    .display1
-                    .copyWith(color: Colors.black),
-              ),
-            ),
+            _buildImageItemsBlock('🤖'),
+            _buildTextItemsBlock('robot'),
           ],
         ),
       ),