使用 Flutter 打造引人入胜的休闲游戏体验

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}
 
class _HomePageState extends State<HomePage> {
  // 定义游戏数据，例如棋盘大小和棋子布局
  List<List<int>> gameBoard = ...; // 初始化棋盘数据
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('引人入趣的休闲游戏'),
      ),
      body: Center(
        child: GridView.builder(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 4, // 定义每行的棋子数量
            crossAxisSpacing: 10.0, // 定义棋子之间的间隔
            mainAxisSpacing: 10.0,
          ),
          itemCount: gameBoard.length,
          itemBuilder: (context, index) {
            // 根据棋盘数据构建棋子Widget
            return Container(
              color: gameBoard[index] == 0 ? Colors.transparent : Colors.blue,
              child: Center(
                child: Text(
                  gameBoard[index].toString(),
                  style: TextStyle(color: Colors.white, fontSize: 30),
                ),
              ),
            );
          },
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // 定义重置游戏逻辑
        },
        child: Icon(Icons.refresh),
      ),
    );
  }
}

这个简单的游戏示例展示了如何使用Flutter创建一个简单的网格状游戏界面，并根据游戏数据动态更新界面。在这个例子中，我们使用GridView.builder来高效构建棋盘上的每个棋子Widget，并根据游戏逻辑对它们进行颜色和文本内容的更新。