Flutter如何更新单个ListTile状态（局部刷新）而不重绘整个页面

这个需求完全可以实现，你当前调用setState无法更新单个ListTile的核心问题是：你在build方法中直接读取父组件传入的widget.user.percentage渲染视图，该属性是父组件传递的不可变final值，你更新数据库后没有同步更新本地渲染用的状态，所以即使调用setState，界面显示的还是初始传入的旧值。

修复代码示例 #

仅需修改user_list_tile.dart的逻辑，将百分比存入当前组件的本地状态，更新时修改本地状态再调用setState即可，只会触发当前单个ListTile重建，不会影响整个页面：

import 'package:flutter/material.dart';
import 'package:myapp/classes/user.dart';
import 'package:myapp/database/user_dao.dart';
import 'package:numberpicker/numberpicker.dart';

class UserListTile extends StatefulWidget {
  const UserListTile(
      {Key? key,
      required this.user,
      required this.userDAO,
      required this.myPercentage})
      : super(key: key);

  final User user;
  final UserDAO userDAO;
  final ValueNotifier<double> myPercentage;

  @override
  _UserListTileState createState() => _UserListTileState();
}

class _UserListTileState extends State<UserListTile> {
  final TextStyle _biggerFont = const TextStyle(fontSize: 18);
  double _currentDoubleValue = 10.0;
  // 新增本地状态存储当前百分比，不要直接读widget.user的属性
  late double _currentPercentage;

  @override
  void initState() {
    super.initState();
    // 初始化时读取传入的初始值
    _currentPercentage = widget.user.percentage;
  }

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(
        widget.user.name,
        style: _biggerFont,
      ),
      // 使用本地状态渲染
      trailing: Text('${_currentPercentage.toStringAsFixed(1)} %'),
      onTap: () => _showDoubleDialog(widget.user).then((value) {
        if (value != false && value != null) {
          // value为对话框返回的新百分比
          double _newPercentage = value;
          User _updatedUser = User(
              name: widget.user.name,
              id: widget.user.id,
              percentage: _newPercentage);
          widget.userDAO.updateData(_updatedUser);
          // 修改本地状态后调用setState，仅当前ListTile会重建
          setState(() {
            _currentPercentage = _newPercentage;
          });
        }
      }),
    );
  }

  Future _showDoubleDialog(User user) {
    _currentDoubleValue = user.percentage;
    return showDialog(
        // 原有对话框逻辑保留即可，关闭时返回用户选择的新百分比数值
    );
  }
}

可选优化：使用ValueNotifier实现无setState更新 #

如果你希望进一步简化逻辑，也可以用你已经传入的ValueNotifier实现局部刷新，不需要手动调用setState：

1. 确保每个User对应独立的ValueNotifier<double>存储百分比
2. 用ValueListenableBuilder包裹需要更新的尾部Text组件，仅当对应notifier值变化时，这部分UI会自动更新，性能更优。

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