Flutter应用运行报错_CastError：空值使用了空检查运算符

错误详情 #

══╡ 组件库捕获异常 ╞═══════════════════════════════════════════════════════════
构建RawGestureDetector-[LabeledGlobalKey#3c378](状态: RawGestureDetectorState#d987a(手势: , 行为: opaque))时抛出以下_CastError：
Null check运算符被用于空值

问题定位 #

错误出在setQuote方法的这两行代码：

text = quotes[randomNumber]["text"]!;
author = quotes[randomNumber]["author"]!;

你使用!空断言运算符强制将可能为null的取值转为非null类型，但当quotes列表中存在某个条目缺失text/author键，或者对应键的值为null时，就会触发该错误。

解决方案 #

1. 校验数据源完整性 #

打开quotes.dart文件，确认所有条目都严格遵循{"text": "xxx", "author": "yyy"}结构，确保每个条目都包含这两个键，且对应值不为null。

2. 替换空断言为安全取值 #

若无法保证数据源绝对可靠，改用空合并运算符提供默认值，避免错误触发：

setState(() {
  text = quotes[randomNumber]["text"] ?? "暂无内容";
  author = quotes[randomNumber]["author"] ?? "佚名";
  notifylisteners();
});

3. 提前校验条目键存在性 #

在取值前先检查当前条目是否包含所需键，进一步提升代码安全性：

setQuote() {
  int randomNumber = Random().nextInt(quotes.length);
  final currentQuote = quotes[randomNumber];
  setState(() {
    text = currentQuote["text"] ?? "暂无内容";
    author = currentQuote["author"] ?? "佚名";
    notifylisteners();
  });
}

4. 修正initState调用顺序 #

当前initState先执行setQuote()再调用super.initState()，不符合Flutter规范，需调整顺序：

@override
void initState() {
  super.initState();
  setQuote();
}

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