在flutter中使用Navigator之前，如何正确执行异步代码？

void fetchData() async {
  try {
    var result = await fetchDataFromAPI(); // 异步获取数据
    // 执行成功后的操作
  } catch (error) {
    // 错误处理
  }
}

void fetchData() {
  fetchDataFromAPI().then((result) {
    // 执行成功后的操作
  }).catchError((error) {
    // 错误处理
  });
}

Widget build(BuildContext context) {
  return FutureBuilder(
    future: fetchDataFromAPI(),
    builder: (context, snapshot) {
      if (snapshot.connectionState == ConnectionState.waiting) {
        return CircularProgressIndicator();
      } else if (snapshot.hasError) {
        return Text('Error: ${snapshot.error}');
      } else {
        var result = snapshot.data;
        // 显示异步操作成功后的UI组件
      }
    },
  );
}