在FutureBuilder中处理Future<String?>异常后无返回值问题排查

核心问题1：FutureBuilder判断逻辑有漏洞 #

你当前的FutureBuilder只通过snapshot.hasData判断状态，但当videoUrl返回null时，snapshot.hasData会判定为false（null被视为无有效数据），导致即使请求完成，也会一直停留在加载状态。

第二种写法的致命错误 #

在try块里你错误地返回了文件名name而非获取到的下载链接url，完全偏离了业务逻辑；同时async方法无需用Future.value()包装返回值，async会自动将返回值转为Future。

第一种写法的潜在问题 #

第一种写法本身逻辑无错，但未覆盖返回null的场景，需要调整FutureBuilder的判断逻辑，先确认请求是否完成，再处理数据或null的情况。

修正后的代码 #

正确的videoUrl方法（基于第一种写法优化）

/// Fetches the video url from the video [name]
static Future<String?> videoUrl(String name) async {
  final videoBucket = FirebaseStorage.instanceFor(bucket: Globals.storageBucketUrl);
  final videoBucketRef = videoBucket.ref();
  try {
    final item = videoBucketRef.child(name);
    return await item.getDownloadURL();
  } catch (e) {
    return null;
  }
}

修正后的FutureBuilder逻辑

先判断请求是否完成，再区分加载中、有数据、无数据/异常的场景：

if (ad.videoUrl != null)
  FutureBuilder(
    future: Video.videoUrl("blabla"), // ad.videoUrl!
    builder: (context, snapshot) {
      // 加载中的状态
      if (snapshot.connectionState == ConnectionState.waiting) {
        return Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: const [
            Text("Searching the video on the cloud"),
            CircularProgressIndicator()
          ]);
      }
      
      // 请求完成后，先判断是否有异常
      if (snapshot.hasError) {
        return const Text("Failed to fetch video");
      }
      
      // 处理数据（可能为null）
      final url = snapshot.data;
      return Text(url ?? "No video found");
    },
  ),

内容的提问来源于stack exchange，提问作者Stéphane de Luca