Flutter唯一列表管理插件x_unique_list的使用

当然，以下是如何在Flutter项目中使用x_unique_list插件的一个示例代码案例。这个插件通常用于管理唯一列表项，确保列表中不会有重复项。

首先，确保你已经在pubspec.yaml文件中添加了x_unique_list依赖：

dependencies:
  flutter:
    sdk: flutter
  x_unique_list: ^latest_version # 请替换为实际的最新版本号

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

接下来，以下是一个完整的示例代码，展示了如何使用x_unique_list插件来管理一个唯一列表：

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

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

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

class UniqueListDemo extends StatefulWidget {
  @override
  _UniqueListDemoState createState() => _UniqueListDemoState();
}

class _UniqueListDemoState extends State<UniqueListDemo> {
  final UniqueListController<String> _controller = UniqueListController<String>();

  @override
  void initState() {
    super.initState();
    // 初始化时添加一些数据
    _controller.addAll(['Apple', 'Banana', 'Cherry']);
  }

  void _addItem(String item) {
    _controller.add(item);
  }

  void _removeItem(String item) {
    _controller.remove(item);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Unique List Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            Expanded(
              child: ListView.builder(
                itemCount: _controller.length,
                itemBuilder: (context, index) {
                  final item = _controller[index];
                  return ListTile(
                    title: Text(item),
                    trailing: IconButton(
                      icon: Icon(Icons.delete),
                      onPressed: () => _removeItem(item),
                    ),
                  );
                },
              ),
            ),
            TextField(
              decoration: InputDecoration(
                labelText: 'Add Item',
              ),
              onEditingComplete: () {
                final inputController = TextEditingController.fromValue(
                  TextField.focusNodeOf(context)?.controller?.value ??
                      TextEditingValue.empty,
                );
                _addItem(inputController.text);
                inputController.clear();
                FocusScope.of(context).unfocus();
              },
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // Example: trying to add a duplicate item (won't be added)
          _addItem('Apple'); // This won't add "Apple" again if it's already in the list
        },
        tooltip: 'Add Duplicate Item',
        child: Icon(Icons.add),
      ),
    );
  }
}

代码解释：

1. 依赖导入：在pubspec.yaml文件中添加x_unique_list依赖。
2. 控制器初始化：在UniqueListDemo的状态类中初始化一个UniqueListController<String>对象。
3. 初始数据：在initState方法中，向控制器添加一些初始数据。
4. 添加和移除项：定义_addItem和_removeItem方法来添加和移除列表项。
5. UI构建：使用ListView.builder来显示列表项，每个项都是一个ListTile，并带有一个删除按钮。
6. 文本输入：使用TextField来输入新项，并在onEditingComplete回调中添加该项。
7. 浮动按钮：添加一个浮动按钮，用于演示尝试添加重复项（如果项已经存在，则不会添加）。

这样，你就可以使用x_unique_list插件来管理一个唯一列表，并确保列表中不会有重复项。