Flutter集成Google地图自动补全时searchResults未初始化报错如何解决

报错核心是对late关键字的使用逻辑理解有误：

• 被late修饰的变量，必须在第一次被读取访问之前完成实际赋值，你在initState中单独写searchResults;属于无效语句，既没有执行赋值操作，也没有完成初始化流程，完全无法解决问题。
• 你的searchResults只有在searchPlaces异步请求执行成功后才会被赋值，但ListView.builder会在组件首次渲染时就读取searchResults.length属性，此时异步请求大概率还未返回结果，变量未完成初始化就被访问，自然触发报错。

推荐优先使用第一种方案，最适配搜索类业务场景：

方案1：直接给变量赋空列表初始值（推荐） #

去掉late修饰符，直接给searchResults赋空数组作为初始值，从根源避免未初始化问题，同时适配初始无搜索结果的状态：

// 移除late关键字，直接初始化空列表兜底
List<PlaceSearch> searchResults = [];
final placeService = PlaceSerive();

// 原有搜索逻辑保留，赋值后必须调用setState触发UI刷新
searchPlaces(String searchTerm) async {
  searchResults = await placeService.getAutoComplete(searchTerm);
  setState(() {});
}

// initState中不需要额外写searchResults相关的无效代码
@override
void initState() {
  super.initState();
  // 其他正常初始化逻辑写在这里即可
}

注意：异步方法拿到搜索结果给searchResults赋值后，必须调用setState，否则列表不会自动刷新展示最新结果。

方案2：保留late修饰，配合状态判断兜底（不推荐搜索场景使用） #

如果一定要保留late写法，需要新增加载状态做判断，确保组件访问searchResults时变量已经完成赋值，这种写法冗余度更高，示例如下：

late List<PlaceSearch> searchResults;
final placeService = PlaceSerive();
bool isLoading = false;

@override
void initState() {
  super.initState();
  // 首次初始化直接给空列表完成late变量赋值
  searchResults = [];
}

searchPlaces(String searchTerm) async {
  setState(() {
    isLoading = true;
  });
  searchResults = await placeService.getAutoComplete(searchTerm);
  setState(() {
    isLoading = false;
  });
}

// 列表渲染部分增加状态判断
child: isLoading
  ? const Center(child: CircularProgressIndicator())
  : ListView.builder(
      itemCount: searchResults.length,
      itemBuilder: (context, index) {
        return ListTile(
          title: Text(searchResults[index].description,
              style: TextStyle(color: Colors.black)),
        );
      },
    ),

• 单独写searchResults;属于无意义的空语句，没有任何赋值操作，完全不满足late变量的初始化要求
• late修饰的变量不能在未赋值的情况下直接放入build方法的渲染逻辑中，Flutter在initState执行完成后会立即触发首次渲染，不会等待异步接口返回
• 异步给状态变量赋值后如果不调用setState，就算接口请求成功，UI也不会同步刷新结果

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