Flutter报错：参数类型AnimationController?无法赋值给Animation<double>如何解决

报错原因 #

你遇到的报错本质是空安全类型不匹配：CurvedAnimation的parent参数要求传入非空的Animation<double>类型，而你声明的controller是可空类型AnimationController?，直接传参会触发空安全校验报错。
另外你的代码还存在一处隐藏问题：CurvedAnimation要求父动画的取值范围必须是0~1，你给AnimationController设置了upperBound: 100，解决类型报错后还会触发范围异常。

具体修改步骤 #

1. 修复CurvedAnimation传参的空安全问题
   在controller后加!强制解包（你在initState中已经对controller完成初始化，解包不会有崩溃风险），同时删除AnimationController的upperBound:100配置。
   修改后的initState对应代码：

controller = AnimationController(
  vsync: this,
  duration: Duration(seconds: 1),
  // 删掉upperBound配置，默认上限为1，符合CurvedAnimation要求
);
animation = CurvedAnimation(parent: controller!, curve: Curves.decelerate);

2. 调整动画数值映射，适配0~100的高度需求
   你需要用Tween将0_{1的曲线动画值映射到0}100的高度范围，修改animation的声明和赋值逻辑：

// 声明时明确泛型类型，避免后续类型转换报错
Animation<double>? animation;
// initState中赋值时用Tween包装
animation = Tween<double>(begin: 0, end: 100).animate(CurvedAnimation(parent: controller!, curve: Curves.decelerate));

3. 替换UI中使用的动画值
   现在你要让高度跟随曲线动画变化，应该使用animation!.value而不是controller!.value，否则曲线效果不会生效：

Hero(
  tag: 'logo',
  child: Container(
    child: Image.asset('images/logo.png'),
    height: animation!.value, // 替换原来的controller!.value
  ),
)

可选优化：你可以用late关键字声明controller和animation，避免频繁强制解包：

late AnimationController controller;
late Animation<double> animation;

这种写法适用于确定变量在使用前一定会完成初始化的场景，更符合空安全规范。

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