flutter-mancala/lib/main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(home: Scaffold(body: GameBoard()));
  }
}

class GameBoard extends StatelessWidget {
  const GameBoard({super.key});

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: [
        // Player 1 Goal
        Column(children: [Center(child: Text(" P1 "))]),
        // Center holes
        Column(
          spacing: 2,
          children: [
            Row(
              spacing: 2,
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              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 ")]),
              ],
            ),
            Row(
              spacing: 2,
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              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 ")]),
              ],
            ),
          ],
        ),
        // Player 2 Goal
        Column(children: [Center(child: Text(" P2 "))]),
      ],
    );
  }
}