Change to using sized boxes to make all the spacing even.

This commit is contained in:
2026-05-04 16:51:05 -07:00
parent a69803a4dd
commit c946e9a003

View File

@@ -18,47 +18,64 @@ class GameBoard extends StatelessWidget {
@override
Widget build(BuildContext context) {
var text = "hello test lalala";
return Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
// Player 1 Goal
Column(children: [Center(child: Text(" P1 "))]),
Column(
children: [Center(child: BoardSpot(text: "P1"))],
),
// Center holes
Column(
spacing: 2,
children: [
Row(
spacing: 2,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Column(children: [Text(" 0,0 ")]),
Column(children: [Text(" 1,0 ")]),
Column(children: [Text(" 2,0 ")]),
Column(children: [Text(" 3,0 ")]),
Column(children: [Text(" 4,0 ")]),
Column(children: [Text(" 5,0 ")]),
Column(children: [BoardSpot(text: "0,0")]),
Column(children: [BoardSpot(text: "1,0")]),
Column(children: [BoardSpot(text: "2,0")]),
Column(children: [BoardSpot(text: "3,0")]),
Column(children: [BoardSpot(text: "4,0")]),
Column(children: [BoardSpot(text: "5,0")]),
],
),
Row(
spacing: 2,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Column(children: [Text(" 0,1 ")]),
Column(children: [Text(" 1,1 ")]),
Column(children: [Text(" 2,1 ")]),
Column(children: [Text(" 3,1 ")]),
Column(children: [Text(" 4,1 ")]),
Column(children: [Text(" 5,1 ")]),
Column(children: [BoardSpot(text: "0,1")]),
Column(children: [BoardSpot(text: "1,1")]),
Column(children: [BoardSpot(text: "2,1")]),
Column(children: [BoardSpot(text: "3,1")]),
Column(children: [BoardSpot(text: "4,1")]),
Column(children: [BoardSpot(text: "5,1")]),
],
),
BoardSpot(text: text),
],
),
// Player 2 Goal
Column(children: [Center(child: Text(" P2 "))]),
Column(
children: [Center(child: BoardSpot(text: "P2"))],
),
],
);
}
}
class BoardSpot extends StatelessWidget {
const BoardSpot({super.key, required this.text});
final String text;
@override
Widget build(BuildContext context) {
return SizedBox(width: 25.0, height: 25.0, child: Text(text));
}
}