Flutter简易备忘录构建插件simple_memo_lego的使用

简介

simple_memo_lego 是一个用于快速构建备忘录功能的 Flutter 插件。它可以帮助开发者轻松实现备忘录页面，并集成到现有的 Flutter 项目中。

安装

以下是安装 simple_memo_lego 的步骤：

1. 安装 lego_cli 命令行工具

首先，在你的 Flutter 项目根目录下打开终端，运行以下命令以安装 lego_cli CLI 工具。如果你还没有创建一个 Lego 项目，可以同时创建一个新的项目。

flutter pub global activate lego_cli
lego create

2. 将 simple_memo_lego 添加到项目中

在终端中，进入你的 Flutter 项目目录，然后运行以下命令将 simple_memo_lego 添加到项目中：

lego add simple_memo_lego

使用示例

以下是一个完整的示例代码，展示如何使用 simple_memo_lego 插件来构建一个简单的备忘录应用。

示例代码

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '备忘录示例',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MemoPage(),
    );
  }
}

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

class _MemoPageState extends State<MemoPage> {
  // 初始化备忘录控制器
  final memoController = MemoController();

  [@override](/user/override)
  void initState() {
    super.initState();
    // 加载备忘录数据
    memoController.load();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('简易备忘录'),
      ),
      body: MemoView(
        controller: memoController,
        itemBuilder: (context, memo) {
          // 自定义备忘录条目样式
          return ListTile(
            title: Text(memo.content),
            subtitle: Text(memo.timestamp.toString()),
            onTap: () {
              // 点击时编辑备忘录内容
              showDialog(
                context: context,
                builder: (context) => AlertDialog(
                  title: Text('编辑备忘录'),
                  content: TextField(
                    onChanged: (value) {
                      memo.content = value;
                    },
                    decoration: InputDecoration(hintText: '输入新内容'),
                  ),
                  actions: [
                    TextButton(
                      onPressed: () {
                        Navigator.pop(context);
                      },
                      child: Text('取消'),
                    ),
                    TextButton(
                      onPressed: () {
                        memoController.save(); // 保存修改
                        Navigator.pop(context);
                      },
                      child: Text('保存'),
                    ),
                  ],
                ),
              );
            },
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // 添加新备忘录
          showDialog(
            context: context,
            builder: (context) => AlertDialog(
              title: Text('添加备忘录'),
              content: TextField(
                onChanged: (value) {
                  memoController.add(Memo(content: value)); // 添加新备忘录
                },
                decoration: InputDecoration(hintText: '输入新内容'),
              ),
              actions: [
                TextButton(
                  onPressed: () {
                    Navigator.pop(context);
                  },
                  child: Text('取消'),
                ),
                TextButton(
                  onPressed: () {
                    memoController.save(); // 保存新备忘录
                    Navigator.pop(context);
                  },
                  child: Text('保存'),
                ),
              ],
            ),
          );
        },
        child: Icon(Icons.add),
      ),
    );
  }
}