Flutter卡片翻转动画报错NoSuchMethodError：对null执行/操作

嘿，我一眼就看出问题所在啦！你遇到的NoSuchMethodError: The method '/' was called on null，根源就是**scrollPercent变量没有初始化默认值**，导致第一次渲染的时候它是null，在执行scrollPercent / (1 / cardCount)时就触发了错误。

为什么会出现这个问题？ #

你在_CardFlipperState里只声明了double scrollPercent;，但没有给它初始值。Flutter在创建State实例时，未初始化的可空变量默认就是null。而Widget的build方法会在State创建后立即执行，调用_buildCards进而调用_buildCard，这时候scrollPercent还没被任何拖拽操作赋值，自然就是null，执行除法操作就会报错。

怎么修复？ #

有两个简单的解决办法，结合起来用更稳妥：

1. 给scrollPercent设置初始值

在State类里直接给变量赋初始值0.0，这样一开始就不会是null了：

class _CardFlipperState extends State<CardFlipper> {
  // 给scrollPercent设置初始值0.0
  double scrollPercent = 0.0;
  Offset startDrag;
  double startDragPercentScroll;
  double finishScrollStart;
  double finishScrollEnd;
  AnimationController finishScrollController;
  
  // 剩下的方法不变...
}

2. 在计算时添加空安全判断

万一scrollPercent在某些极端情况下还是null，可以用空合并运算符??兜底，确保计算时有有效值：

Widget _buildCard(int cardIndex, int cardCount, double scrollPercent) {
  // 用scrollPercent ?? 0.0确保不会用null进行计算
  final cardScrollPercent = (scrollPercent ?? 0.0) / (1 / cardCount);
  // 剩下的代码...
}

额外提醒 #

你其他的变量比如startDragPercentScroll、startDrag等，在拖拽方法里也可能存在未初始化就被访问的风险，最好也根据业务逻辑给它们设置合理的初始值或者在使用前做空判断，避免类似的空指针问题。

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