Flutter空安全下FutureBuilder如何传递Map<String,dynamic>给自定义组件

Dart 2.12之后引入的空安全机制要求所有变量明确是否可空，你的报错来自两个核心问题：

1. 未给FutureBuilder指定泛型，Dart无法推断异步返回值的类型，默认comicResult.data为Object?类型
2. 即使你给AsyncSnapshot指定了泛型，snapshot.data本身属于可空类型（异步请求可能返回空），无法直接赋值给ComicTile要求的非空Map<String, dynamic>参数

修改两处代码即可：

1. 给FutureBuilder加上明确的泛型约束，匹配_fetchComic方法的返回值类型
2. 你已经通过comicResult.hasData判断了数据非空，直接使用!非空断言标记该值此时一定不为空

修改后的完整代码片段如下：

ListView.builder(
  itemCount: latestComic,
  itemBuilder: (context, i) => FutureBuilder<Map<String, dynamic>>( // 增加泛型约束
    future: _fetchComic(i),
    builder: (context, comicResult) =>
    comicResult.hasData ?
    ComicTile(comic: comicResult.data!) : // 增加非空断言!
        Center(
            child: Column(
              children: [
                Divider(
                  height: 40,
                ),
                CircularProgressIndicator()
              ],
            )
        )
  ),
),

如果你的_fetchComic方法本身没有指定返回值类型，建议也同步修改方法定义为：

Future<Map<String, dynamic>> _fetchComic(int index) async {
  // 原有方法逻辑
}

可以进一步避免类型推断带来的潜在问题。

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