Flutter健身训练插件get_workout的使用

概述

get_workout 是一个用于探索 Flutter 中 get 库基本功能的项目。本文将介绍如何使用该插件，并提供完整的示例代码。

使用步骤

1. 添加依赖

在 pubspec.yaml 文件中添加 get 和 realm 依赖：

dependencies:
  get: ^4.6.5
  realm: ^0.11.0

运行以下命令以安装依赖：

flutter pub get

2. 配置 build_runner

为了生成必要的文件，我们需要配置 build_runner。运行以下命令：

flutter pub run build_runner build --delete-conflicting-outputs

或者使用以下命令：

flutter packages pub run build_runner build

此操作会生成 g.dart 文件，用于支持 get 路由等功能。

3. 创建数据库模型

如果需要使用 Realm 数据库，可以创建数据模型。例如，创建一个 WorkoutModel：

import 'package:realm/realm.dart';

class WorkoutModel {
  final String id;
  final String name;
  final DateTime createdAt;

  WorkoutModel({required this.id, required this.name, required this.createdAt});

  // 自动生成 Realm 对象
  factory WorkoutModel.fromJson(Map<String, Object?> json)
      extends RealmObject {
    return WorkoutModel(
      id: json["id"] as String,
      name: json["name"] as String,
      createdAt: DateTime.parse(json["createdAt"] as String),
    );
  }
}

然后运行以下命令生成数据库相关的文件：

flutter pub run realm generate

4. 初始化 GetX 管理器

使用 Getx 来管理状态和路由。首先创建一个控制器：

import 'package:get/get.dart';
import 'package:your_project/models/workout_model.dart';

class WorkoutController extends GetxController {
  var workouts = <WorkoutModel>[].obs;

  void addWorkout(WorkoutModel workout) {
    workouts.add(workout);
    update(); // 触发 UI 更新
  }

  void removeWorkout(int index) {
    workouts.removeAt(index);
    update();
  }
}

5. 配置路由

使用 Get 的路由功能来导航页面。例如，在 main.dart 中设置初始路由：

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:your_project/controllers/workout_controller.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'Get Workout',
      initialRoute: '/',
      getPages: [
        GetPage(name: '/', page: () => HomePage()),
        GetPage(name: '/add', page: () => AddWorkoutPage()),
      ],
    );
  }
}

6. 创建首页

在 HomePage 中展示所有健身计划：

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:your_project/controllers/workout_controller.dart';

class HomePage extends StatelessWidget {
  final WorkoutController _controller = Get.put(WorkoutController());

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('健身计划'),
      ),
      body: Obx(() {
        return ListView.builder(
          itemCount: _controller.workouts.length,
          itemBuilder: (context, index) {
            return ListTile(
              title: Text(_controller.workouts[index].name),
              onTap: () {
                Get.toNamed('/add', arguments: index); // 跳转到编辑页面
              },
            );
          },
        );
      }),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Get.toNamed('/add'); // 跳转到新增页面
        },
        child: Icon(Icons.add),
      ),
    );
  }
}

7. 创建新增页面

在 AddWorkoutPage 中添加新的健身计划：

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:your_project/controllers/workout_controller.dart';

class AddWorkoutPage extends StatefulWidget {
  [@override](/user/override)
  _AddWorkoutPageState createState() => _AddWorkoutPageState();
}

class _AddWorkoutPageState extends State<AddWorkoutPage> {
  final WorkoutController _controller = Get.find();
  final TextEditingController _nameController = TextEditingController();

  [@override](/user/override)
  Widget build(BuildContext context) {
    int? index = Get.arguments;

    return Scaffold(
      appBar: AppBar(
        title: Text(index == null ? '新增健身计划' : '编辑健身计划'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _nameController,
              decoration: InputDecoration(labelText: '名称'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                if (_nameController.text.isNotEmpty) {
                  if (index != null) {
                    // 编辑模式
                    _controller.workouts[index] =
                        WorkoutModel(id: '1', name: _nameController.text, createdAt: DateTime.now());
                  } else {
                    // 新增模式
                    _controller.addWorkout(WorkoutModel(
                      id: '1',
                      name: _nameController.text,
                      createdAt: DateTime.now(),
                    ));
                  }
                  Get.back(); // 返回上一页
                }
              },
              child: Text(index == null ? '保存' : '更新'),
            ),
          ],
        ),
      ),
    );
  }
}