Flutter技术问题：点击OnTap后列表项颜色及尾部图标状态不更新

问题出在itemTappedState的定义位置——你把它放在了_builduserlist方法内部。每次调用该方法（比如setState触发组件重建时），这个列表都会被重新生成，所有元素被重置为false。所以虽然你在setState里修改了值，但方法重建后状态又回到初始状态，UI自然不会更新。

解决步骤： #

1. 将itemTappedState移到State类的成员变量位置，确保它在组件生命周期内保持状态：

class YourPageState extends State<YourPage> {
  List<bool>? itemTappedState;

  @override
  void initState() {
    super.initState();
    // 初始化状态列表，假设model是Widget的成员变量
    itemTappedState = List.generate(widget.model.length, (index) => false);
  }

  // 如果model会动态更新（比如网络请求后刷新），添加以下方法同步状态列表
  @override
  void didUpdateWidget(covariant YourPage oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.model != widget.model) {
      itemTappedState = List.generate(widget.model.length, (index) => false);
    }
  }

  // 你的_builduserlist方法修改如下
  Widget _builduserlist(BuildContext context) {
    return Center(
      child: ListView.builder(
        itemCount: widget.model.length,
        itemBuilder: (context, index) {
          return Card(
            color: itemTappedState![index] ? Colors.blue : Colors.green,
            child: ListTile(
              title: Text('${widget.model[index].id}'),
              subtitle: Text('${widget.model[index].dateofinsp}'),
              leading: const Icon(Icons.edit_road),
              trailing: itemTappedState![index] 
                  ? const Icon(Icons.check) 
                  : const Icon(Icons.warning),
              onTap: () {
                setState(() {
                  itemTappedState![index] = !itemTappedState![index];
                });
                _showConfirmationDialog(context, widget.model[index]);
              },
            ),
          );
        },
      ),
    );
  }

  // 你的_showConfirmationDialog方法...
}

2. 关键说明：

• 把状态变量提升到State类层级后，组件重建时不会重新初始化列表，只会保留之前修改的状态值。
• 如果你的model是通过方法参数传入的，而不是Widget成员变量，可以在获取到model数据后立即初始化itemTappedState，同样要放在State类的成员变量中，避免每次构建方法时重置。

内容的提问来源于stack exchange，提问作者ayman