Flutter中Provider场景下ListView.builder编辑元素后UI未更新问题

问题原因 #

• 你调用updateGenre、removeGenre方法时，均通过GenreProvider()直接新建了实例，该实例和你在main.dart中通过ChangeNotifierProvider注册的全局共享实例完全独立。你修改的是新实例的状态、触发的是新实例的notifyListeners()，Consumer监听的全局实例没有收到任何变更通知，因此不会触发UI重绘。

修复方案 #

所有需要调用GenreProvider方法的位置，都从当前context中获取已注册的全局实例，不要新建实例：

1. 修改genre_list.dart中侧滑删除的回调：

// 原代码
onDismissed: (_) => GenreProvider().removeGenre(genre['id']),
// 修改后
onDismissed: (_) => Provider.of<GenreProvider>(context, listen: false).removeGenre(genre['id']),

2. 修改showEditTitleDialog中编辑保存的调用逻辑：

// 原代码
await GenreProvider().updateGenre(genre['id'], _titleController.text);
// 修改后
await Provider.of<GenreProvider>(context, listen: false).updateGenre(genre['id'], _titleController.text);

可选优化（非必须） #

你当前GenreProvider中的_genres被声明为static静态属性，同类所有实例共享该属性，这也是你没有遇到删除功能异常的原因（虽然删除调用了新实例，但静态列表是同一个），但这种写法不符合ChangeNotifier的设计规范，建议去掉static修饰符，避免后续出现其他状态同步问题。

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