Flutter 日期选择器选出生日期后年龄动画未生效问题求解

• 核心原因是未给Animation对象添加状态更新监听，动画值变化时没有触发页面重绘逻辑，UI始终展示静态初始值，看起来动画未触发执行。
• 次要问题是动画控制器每次执行前未重置状态，多次选择日期时会出现动画无法二次触发的问题；同时未对日期选择器返回结果做判空处理，用户点击取消时会触发空指针异常。

方案1：添加动画监听（快速修复） #

1. 在initState方法中为动画控制器添加更新监听，动画值变化时主动触发重绘：

@override
void initState() {
  animationController = AnimationController(vsync: this, duration: Duration(milliseconds: 1500));
  animation = animationController;
  // 新增动画更新监听
  animationController.addListener(() {
    setState(() {});
  });
  super.initState();
}

2. 调整_showPicker逻辑，新增判空和控制器重置逻辑：

void _showPicker() {
  showDatePicker(
    context: context, 
    initialDate: DateTime.now(), 
    firstDate: DateTime(1900), 
    lastDate: DateTime.now(),
  ).then((dt) {
    // 新增空值判断，处理用户点击取消的场景
    if (dt == null) return;
    setState(() {
      selectedYear = dt.year;
      age = (DateTime.now().year - selectedYear).toDouble();

      animation = Tween<double>(begin: animation.value, end: age).animate(CurvedAnimation(
        parent: animationController, 
        curve: Curves.fastOutSlowIn,
      ));
      // 新增控制器重置，避免多次调用时动画不生效
      animationController.reset();
      animationController.forward();
    });
  });
}

方案2：使用AnimatedBuilder（性能优化版） #

如果不需要全页面重绘，可以用AnimatedBuilder仅包裹需要更新的年龄文本控件，无需手动添加监听，性能更优：

// 替换原有的Text控件即可
AnimatedBuilder(
  animation: animation,
  builder: (context, child) {
    return Text(
      "Your age is ${animation.value.toStringAsFixed(0)}",
      style: TextStyle(
        color: Colors.brown,
        fontWeight: FontWeight.bold,
        fontStyle: FontStyle.italic,
        fontSize: 30.0,
      ),
    );
  },
)

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