Flutter 列表条目点击收藏和取消收藏功能实现

要实现在 Flutter 中点击列表条目来收藏或取消收藏，可以使用一个布尔值来表示每个条目是否已收藏。在点击条目时，可以根据当前条目的收藏状态来切换收藏状态，并更新 UI。

以下是一个简单的示例代码：

import 'package:flutter/material.dart';

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

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

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<Item> itemList = [
    Item('Item 1', false),
    Item('Item 2', false),
    Item('Item 3', false),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo'),
      ),
      body: ListView.builder(
        itemCount: itemList.length,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
            title: Text(itemList[index].name),
            trailing: IconButton(
              icon: Icon(
                itemList[index].isFavorited
                    ? Icons.favorite
                    : Icons.favorite_border,
                color: itemList[index].isFavorited ? Colors.red : null,
              ),
              onPressed: () {
                setState(() {
                  itemList[index].isFavorited =
                      !itemList[index].isFavorited;
                });
              },
            ),
          );
        },
      ),
    );
  }
}

class Item {
  final String name;
  bool isFavorited;

  Item(this.name, this.isFavorited);
}

在这个示例中，有一个Item类表示列表中的每个条目，其中包含条目的名称和一个表示是否已收藏的布尔值。_MyHomePageState类是MyHomePage的状态类，其中有一个itemList列表，用于存储所有的条目。

在build方法中，使用ListView.builder来构建列表视图。每个条目都是一个ListTile，其中trailing部分是一个IconButton，根据条目的收藏状态来显示不同的图标和颜色。当点击IconButton时，通过setState方法更新条目的收藏状态，并重新构建UI。

这样，当用户点击列表条目时，就可以实现收藏或取消收藏的功能。