Flutter 一个List绑定AnimatedList列表

要将Flutter中的List与AnimatedList列表绑定，您可以按照以下步骤进行操作：

1.创建一个List，并在它们之间添加一些元素。

2.创建一个AnimatedList，它将用于显示您的列表项。

3.为AnimatedList定义一个GlobalKey，这将用于在运行时引用AnimatedList。

4.为AnimatedList定义一个itemBuilder，它将在每个列表项上运行。

5.为AnimatedList定义一个removeItem方法，它将在删除列表项时调用。

6.将AnimatedList添加到您的Widget树中，并将List绑定到AnimatedList。

以下是一个示例代码：

class MyListWidget extends StatefulWidget {
  @override
  _MyListWidgetState createState() => _MyListWidgetState();
}

class _MyListWidgetState extends State<MyListWidget> {
  final GlobalKey<AnimatedListState> _listKey = GlobalKey<AnimatedListState>();
  List<String> _list = ['Item 1', 'Item 2', 'Item 3'];

  @override
  Widget build(BuildContext context) {
    return AnimatedList(
      key: _listKey,
      initialItemCount: _list.length,
      itemBuilder: (context, index, animation) {
        return ListTile(
          title: Text('${_list[index]}'),
        );
      },
    );
  }

  void _removeItem(index) {
    String removedItem = _list.removeAt(index);
    AnimatedListRemovedItemBuilder builder = (context, animation) {
      return ListTile(
        title: Text('${removedItem}'),
      );
    };
    _listKey.currentState.removeItem(index, builder);
  }
}

在上面的代码中，我们首先定义了一个List _list，其中包含三个列表项。然后我们创建了一个AnimatedList，并使用_listKey将List绑定到AnimatedList。我们还定义了一个itemBuilder，它将在每个列表项上运行。

我们还定义了一个_removeItem方法，它将在删除列表项时调用。在这个方法中，我们首先从List中删除了要删除的项，然后使用AnimatedListRemovedItemBuilder创建了一个Builder函数，它将在删除项时显示出来。最后，我们使用AnimatedList的removeItem方法删除了项。

在build方法中，我们仅返回AnimatedList，它将显示我们的列表项。现在，当我们调用_removeItem方法并传递要删除的项的索引时，它将删除该项，并使用动画效果将其从列表中移除。