文本小部件在从 Flutter/Dart 中的异步函数获取数据之前崩溃

Question

所以我参加了 London App Brewery 的这门课程。我正在制作天气应用程序，当功能需要使用相关天气数据更新我的 UI 时出现问题。我已经完成了课程中的导师之类的所有工作，但自从他们制作了那个应用程序后，似乎发生了一些变化。

函数如下所示：

 WeatherModel weather = WeatherModel();
 int temperature;
 String weatherIcon;
 String weatherText;
 String cityName;

 @override
 void initState() {
     super.initState();
     updateUI(widget.locationWeather);
 }

 void updateUI(dynamic weatherData) {
     setState(() {
     double temp = weatherData["main"]["temp"] - 273.15;
     temperature = temp.toInt();
     int condition = weatherData["weather"][0]["id"];
     weatherIcon = weather.getWeatherIcon(condition);
     cityName = weatherData["name"];
     weatherText = weather.getMessage(temperature);
   });

这正是课程中应该可以使用的代码，但它不适合我。出现错误，说它期待未来（updateUI 函数）。所以我做了一些研究并更新了这样的功能：

void updateUI(Future<dynamic> locationWeather) async{
     var weatherData = await locationWeather;
     setState(() {
     double temp = weatherData["main"]["temp"] - 273.15;
     temperature = temp.toInt();
     int condition = weatherData["weather"][0]["id"];
     weatherIcon = weather.getWeatherIcon(condition);
     cityName = weatherData["name"];
     weatherText = weather.getMessage(temperature);
   });

所以像这样我让它有点工作。显示此数据的主屏幕有效。但是在那之前的一个屏幕，它发生了实际的 API 调用，它使用导航器切换到主屏幕。它还显示加载微调器，同时获取数据。所以情况是，我的加载屏幕显示有关文本小部件为空的错误，它切换到主屏幕，一切正常。我猜是因为这些文本小部件中的值实际上是 null，因为这个函数是在主屏幕 initState 而不是在加载屏幕上调用的。

编辑：

locationWeather 来自 Loading Screen 类：

class _LoadingScreenState extends State<LoadingScreen> {
double latitude;
double longitude;

@override
void initState() {
    super.initState();
    getLocationData();
}

void getLocationData() async {
   Location location = Location();
   await location.getCurrentLocation();

   NetworkHelper networkHelper = NetworkHelper(
      "https://api.openweathermap.org/data/2.5/weather? 
   lat=${location.latitude}&lon=${location.longitude}&appid=$apiKey");
   var weatherData = networkHelper.getData();

   Navigator.push(context, MaterialPageRoute(builder: (context) {
    return LocationScreen(weatherData);  // this is locationWeather
  }));
 }

Answer 1

问题是您传递的是 Future 而不是实际数据。 getData 方法返回一个未来，您需要等待结果。

var weatherData = await networkHelper.getData();