Flutter StatelessWidget使用Provider时UI不更新、build重复触发问题

用StatelessWidget实现失败和组件类型本身无关，是代码逻辑有两个关键问题：

1. 倒计时启动逻辑放错位置
   你把Provider.of<CountdownProvider>(context, listen: false).start(10)直接写在了build方法里。build方法会在组件每次触发重建时全量执行，只要倒计时notifyListeners触发监听组件刷新，build就会重新跑，每次跑都会重新调用start(10)把remaining重置为10、创建新的定时器。这就是你看不到UI数值更新的根本原因——倒计时刚减1，就被重建触发的start重置回初始值，永远卡在10秒。
2. 监听范围没有做局部限定
   你在_buildCountDown里直接调用Provider.of<CountdownProvider>(context)获取值，这个调用绑定的是整个PageCountdown的根上下文，只要Provider发出更新通知，整个页面会被完全重建，所以每次tick都会打印build()日志，而不是只刷新倒计时文本这一小块。

改完能跑本质也不是因为换了StatefulWidget，是两个改动刚好解决了上面的问题：

• 用Consumer的时候，Consumer会创建独立的局部监听上下文，只会刷新builder包裹的组件区块，不会触发外层整页build，自然不会打印整页build的日志，也不会因为整页重建反复触发start重置数值。
• 写StatefulWidget的时候你大概率把start(10)的调用从build方法挪到了initState生命周期里，initState只会在组件第一次插入组件树时执行一次，不会因为后续重建反复调用，自然不会反复重置倒计时。

完全不需要把组件改成StatefulWidget，只要修正两个问题即可：

1. 把start启动逻辑从build里挪出来，保证只执行一次，不会因为重建反复触发：

@override
Widget build(BuildContext context) {
  // 首帧绘制完成后只执行一次启动逻辑，加判断避免重复启动
  WidgetsBinding.instance.addPostFrameCallback((_) {
    final provider = Provider.of<CountdownProvider>(context, listen: false);
    // 可给CountdownProvider补充isRunning的getter判断定时器状态，避免重复创建Timer
    if (provider.remaining == 0) {
      provider.start(10);
    }
  });

  print("build()");
  return Scaffold(
    body: _buildContent(context),
  );
}

2. 用Consumer包裹倒计时文本组件，限定刷新范围，避免整页重建：

Widget _buildCountDown(BuildContext context) {
  print("_buildCountDown()");
  return Consumer<CountdownProvider>(
    builder: (_, countdownProvider, __) {
      return Text(countdownProvider.remaining.toString());
    },
  );
}

额外逻辑bug提醒：你现在写的_onTick回调有逻辑问题，先执行remaining--再判断是否小于0，会导致最后一次tick把remaining减到-1才停止，不会停在0，建议调整判断和自减的顺序。

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