Flutter便签管理插件sticky_notes的使用

当然，以下是一个关于如何在Flutter项目中使用sticky_notes插件的示例代码。假设你已经在pubspec.yaml文件中添加了sticky_notes依赖，并且已经运行了flutter pub get来安装它。

pubspec.yaml

首先，确保你的pubspec.yaml文件中包含sticky_notes依赖：

dependencies:
  flutter:
    sdk: flutter
  sticky_notes: ^最新版本号  # 替换为实际发布的最新版本号

main.dart

接下来，在main.dart文件中，你可以按照以下方式使用sticky_notes插件来创建一个简单的便签管理应用。

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

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

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

class StickyNotesDemo extends StatefulWidget {
  @override
  _StickyNotesDemoState createState() => _StickyNotesDemoState();
}

class _StickyNotesDemoState extends State<StickyNotesDemo> {
  final StickyNotesController _stickyNotesController = StickyNotesController();

  @override
  void initState() {
    super.initState();
    // 监听便签变化
    _stickyNotesController.addListener(() {
      setState(() {});
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Sticky Notes Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          children: [
            Expanded(
              child: ListView.builder(
                itemCount: _stickyNotesController.notes.length,
                itemBuilder: (context, index) {
                  final note = _stickyNotesController.notes[index];
                  return ListTile(
                    title: Text(note.title),
                    subtitle: Text(note.content),
                    trailing: IconButton(
                      icon: Icon(Icons.delete),
                      onPressed: () {
                        _stickyNotesController.deleteNote(note.id);
                      },
                    ),
                  );
                },
              ),
            ),
            TextField(
              decoration: InputDecoration(
                labelText: 'New Note Title',
              ),
              onSubmitted: (title) {
                showDialog(
                  context: context,
                  builder: (context) {
                    return AlertDialog(
                      title: Text('Enter Note Content'),
                      content: TextField(
                        maxLines: 10,
                        decoration: InputDecoration(
                          labelText: 'Note Content',
                        ),
                        onSubmitted: (content) {
                          Navigator.of(context).pop();
                          _stickyNotesController.addNote(StickyNote(
                            id: UUID().v4(), // 假设你有一个生成UUID的方法
                            title: title,
                            content: content,
                          ));
                        },
                      ),
                      actions: [
                        TextButton(
                          onPressed: () {
                            Navigator.of(context).pop();
                          },
                          child: Text('Cancel'),
                        ),
                        TextButton(
                          onPressed: () {
                            // 这里自动提交content，因为TextField已经监听onSubmitted
                            Navigator.of(context).pop();
                          },
                          child: Text('Save'),
                        ),
                      ],
                    );
                  },
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}

// 假设的UUID生成器，你需要一个实际的UUID库
class UUID {
  static String v4() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replaceAll(/[xy]/g, function(c) {
      var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
      return v.toString(16);
    });
  }
}

class StickyNote {
  final String id;
  final String title;
  final String content;

  StickyNote({required this.id, required this.title, required this.content});
}

说明

1. 依赖安装：确保在pubspec.yaml中添加了sticky_notes依赖。
2. 初始化控制器：在_StickyNotesDemoState中初始化StickyNotesController。
3. 监听变化：使用addListener来监听便签的变化，并调用setState来更新UI。
4. UI构建：使用ListView.builder来展示便签列表，并提供删除功能。
5. 添加便签：通过对话框来输入便签的标题和内容，并调用addNote方法添加到控制器中。

注意：sticky_notes插件的具体API和类可能有所不同，上面的代码是一个假设的示例，你可能需要根据实际的sticky_notes插件文档进行调整。特别是UUID的生成，你可能需要引入一个实际的UUID库，例如uuid_dart。