Consumer 有效，Selector 无效，为什么？

Question

这是一个带有提供程序的 flutter 小部件：

class FixtureList extends StatelessWidget {
  const FixtureList({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Consumer<AppState>(
      builder: (context, appState, _) => ListView(
        children: appState.fixtures.isNotEmpty
            ? appState.fixtures
                .map((e) => FixtureListItem(
                      fixtureId: e.name,
                    ))
                .toList()
            : [],
      ),
    );
  }
}

效果很好，但我只使用 appState.fixtures，所以为什么不使用 Selector 只监听该部分，如下所示

  @override
  Widget build(BuildContext context) {
    return Selector<AppState, List<Fixture>>(
      selector: (context, appState) => appState.fixtures,
      builder: (context, fixtures, _) => ListView(
        children: fixtures.isNotEmpty
            ? fixtures
                .map((e) => FixtureListItem(
                      fixtureId: e.name,
                    ))
                .toList()
            : [],
      ),
    );
  }

：不起作用，在 AppState 中调用 notifyListeners 时，ListWiew 不会重新渲染。

知道出了什么问题吗？

Answer 1

您在评论中提到您只是在灯具列表上调用 add 。这意味着您实际上每次都会返回相同的 List 对象。然后，选择器会比较对同一对象的两个引用，得出结论它们是相同的，并且不会重建您的小部件。

为了使 Selector 按预期工作，每当您想要修改其内容时，您都需要创建一个新的 List 实例：

fixtures = [...fixtures, fixtureToAdd];
notifyListeners();