Flutter中View调用Model数据遇空安全报错，如何解决？

1. 先确认数据是否真的拿到了 #

• 在HomeController里调用provider.getStats()之后，直接打印数据看看：

  // 比如在Controller的onInit里加打印
  @override
  void onInit() {
    super.onInit();
    provider.getStats().then((_) {
      print('当前r的值：$r');
      print('titleOriginal列表：${r?.titleOriginal}');
    });
  }
  

  如果打印出来r是null，或者titleOriginal是空数组/ null，那问题出在数据获取或解析环节。

2. 检查Model类的JSON解析逻辑 #

• 核对Result类里titleOriginal的解析代码，确保API返回的字段名和Model里的对应，并且处理了null情况：

  class Result {
    List<String>? titleOriginal;
  
    Result.fromJson(Map<String, dynamic> json) {
      // 这里要和API返回的字段名完全一致，比如API返回的是title_original就不能写错
      titleOriginal = json['title_original'] != null 
          ? List<String>.from(json['title_original']) 
          : []; // 建议空的时候返回空数组，而非null，减少后续判断
    }
  }
  

3. 视图层的安全写法 #

• 别直接用!强制解包，多层空判断+默认值才稳妥：

  // 写法1：分步判断
  Text(
    controller.r != null && 
    controller.r.titleOriginal != null && 
    controller.r.titleOriginal!.isNotEmpty 
        ? controller.r.titleOriginal![0] 
        : '暂无原始标题'
  )
  
  // 写法2：用firstOrNull（需要导入collection包）
  import 'package:collection/collection.dart';
  
  Text(controller.r?.titleOriginal?.firstOrNull ?? '暂无原始标题')
  

4. 确保视图能监听数据变化 #

• 必须用GetX的状态包裹组件，不然数据加载完成后视图不会刷新，还是会拿到初始的null：

  Obx(() => Text(
    controller.r?.titleOriginal?.isNotEmpty == true 
        ? controller.r.titleOriginal![0] 
        : '暂无原始标题'
  ))
  

5. 排查API请求是否失败 #

• 看看MovieProvider的getStats()有没有处理请求失败的情况，比如网络错误、API返回错误码，这种情况下controller.r大概率还是null，要在Controller里加错误处理，比如给r赋默认值或者提示用户。

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