Skip to content
Snippets Groups Projects
Commit 171b2e0b authored by Benoît Harrault's avatar Benoît Harrault
Browse files

Build game page layout

parent 58238f44
No related branches found
No related tags found
1 merge request!4Resolve "Build page skeleton"
Pipeline #933 passed
org.gradle.jvmargs=-Xmx1536M org.gradle.jvmargs=-Xmx1536M
android.useAndroidX=true android.useAndroidX=true
android.enableJetifier=true android.enableJetifier=true
app.versionName=0.0.4 app.versionName=0.0.5
app.versionCode=4 app.versionCode=5
...@@ -3,6 +3,97 @@ import 'dart:math'; ...@@ -3,6 +3,97 @@ import 'dart:math';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class GamePickWordPage extends StatelessWidget { 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 @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
...@@ -16,17 +107,8 @@ class GamePickWordPage extends StatelessWidget { ...@@ -16,17 +107,8 @@ class GamePickWordPage extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.max, mainAxisSize: MainAxisSize.max,
children: <Widget>[ children: <Widget>[
FlatButton( _buildImageItemsBlock('🤖'),
color: Colors.yellow, _buildTextItemsBlock('robot'),
padding: EdgeInsets.all(15),
child: Text(
'...',
style: Theme.of(context)
.textTheme
.display1
.copyWith(color: Colors.black),
),
),
], ],
), ),
), ),
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment