Flutter任务管理插件taskflow的使用

当然，以下是一个关于如何使用Flutter任务管理插件taskflow的代码案例。这个插件可以帮助你在Flutter应用中管理任务，比如创建、更新和删除任务。

首先，你需要在你的pubspec.yaml文件中添加taskflow依赖：

dependencies:
  flutter:
    sdk: flutter
  taskflow: ^x.y.z  # 替换为最新版本号

然后运行flutter pub get来安装依赖。

接下来，我们创建一个简单的Flutter应用来演示如何使用taskflow插件。

主应用代码 (main.dart)

import 'package:flutter/material.dart';
import 'package:taskflow/taskflow.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'TaskFlow Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: TaskManagerScreen(),
    );
  }
}

class TaskManagerScreen extends StatefulWidget {
  @override
  _TaskManagerScreenState createState() => _TaskManagerScreenState();
}

class _TaskManagerScreenState extends State<TaskManagerScreen> {
  final TaskflowClient _taskflow = TaskflowClient('YOUR_TASKFLOW_API_KEY'); // 替换为你的API Key
  List<Task> _tasks = [];

  @override
  void initState() {
    super.initState();
    _fetchTasks();
  }

  Future<void> _fetchTasks() async {
    try {
      final tasks = await _taskflow.getTasks();
      setState(() {
        _tasks = tasks;
      });
    } catch (error) {
      print('Error fetching tasks: $error');
    }
  }

  Future<void> _createTask(String title, String description) async {
    try {
      final newTask = await _taskflow.createTask(
        TaskInput(
          title: title,
          description: description,
          status: 'pending',
        ),
      );
      setState(() {
        _tasks.add(newTask);
      });
    } catch (error) {
      print('Error creating task: $error');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Task Manager'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              decoration: InputDecoration(labelText: 'Title'),
              onSubmitted: (title) {
                TextField(
                  decoration: InputDecoration(labelText: 'Description'),
                  onSubmitted: (description) {
                    _createTask(title, description);
                  },
                ).showDialog(context);
              },
            ),
            SizedBox(height: 16),
            Expanded(
              child: ListView.builder(
                itemCount: _tasks.length,
                itemBuilder: (context, index) {
                  final task = _tasks[index];
                  return ListTile(
                    title: Text(task.title),
                    subtitle: Text(task.description),
                    trailing: IconButton(
                      icon: Icon(Icons.delete),
                      onPressed: () {
                        _deleteTask(task.id);
                      },
                    ),
                  );
                },
              ),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          showDialog(
            context: context,
            builder: (context) {
              return AlertDialog(
                title: Text('Create Task'),
                content: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    TextField(
                      decoration: InputDecoration(labelText: 'Title'),
                      onSubmitted: (title) {
                        TextField(
                          decoration: InputDecoration(labelText: 'Description'),
                          onSubmitted: (description) {
                            Navigator.of(context).pop();
                            _createTask(title, description);
                          },
                        ).showDialog(context);
                      },
                    ),
                  ],
                ),
                actions: [
                  TextButton(
                    onPressed: () {
                      Navigator.of(context).pop();
                    },
                    child: Text('Cancel'),
                  ),
                ],
              );
            },
          );
        },
        tooltip: 'Create Task',
        child: Icon(Icons.add),
      ),
    );
  }

  Future<void> _deleteTask(String taskId) async {
    try {
      await _taskflow.deleteTask(taskId);
      setState(() {
        _tasks = _tasks.filter((task) => task.id != taskId).toList();
      });
    } catch (error) {
      print('Error deleting task: $error');
    }
  }
}

// 这是一个辅助函数，用于在对话框中显示TextField
extension on TextField {
  Future<void> showDialog(BuildContext context) async {
    return showDialog<void>(
      context: context,
      barrierDismissible: false, // 用户不能通过点击对话框外部来关闭对话框
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text('Input'),
          content: SingleChildScrollView(
            child: Padding(
              padding: const EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 20.0),
              child: this,
            ),
          ),
          actions: <Widget>[
            TextButton(
              onPressed: () {
                Navigator.of(context).pop();
              },
              child: Text('Cancel'),
            ),
            TextButton(
              onPressed: () {
                // 触发onSubmitted回调
                if (controller.text.isNotEmpty) {
                  onSubmitted?.call(controller.text);
                }
                Navigator.of(context).pop();
              },
              child: Text('OK'),
            ),
          ],
        );
      },
    );
  }
}

说明

1. 依赖添加：确保在pubspec.yaml文件中添加了taskflow依赖。
2. 初始化TaskflowClient：在_TaskManagerScreenState类中，初始化TaskflowClient实例，并替换为你的API Key。
3. 获取任务：在initState方法中调用_fetchTasks方法从Taskflow获取任务列表。
4. 创建任务：在_createTask方法中调用_taskflow.createTask方法创建新任务，并将新任务添加到本地任务列表中。
5. 删除任务：在_deleteTask方法中调用_taskflow.deleteTask方法删除任务，并从本地任务列表中移除。
6. UI布局：使用Flutter的Material Design组件来构建UI，包括TextField、ListView和AlertDialog。

这个示例代码展示了如何使用taskflow插件进行基本的任务管理操作。你可以根据实际需求进一步扩展和定制这个示例。