/Dart/Null error due to delay in api response

Null error due to delay in api response

String text;

fetchData() async {
//...
  text = weatherData.weather[0].main ?? 'Waiting api response...';
//...
}

// in your build method
@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Container(
      child: Text(text), //this will render "Waiting api response" first, and when the api result arrive, it will change
    ),
  );
}

Source: stackoverflow.com

Null error due to delay in api response

Future fetchDataCity() async {
  // your code
  weatherCity = WeatherCity.fromJson(cityDecodedJson);
  return weatherCity;
}

Future fetchDataWeather() async {
  // your code
  weatherData = WeatherData.fromJson(decodedJson);
  return weatherData;
}

// in your build method
@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Container(
      child: FutureBuilder(
        future: fetchDataWeather(), // a previously-obtained Future or null
        builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
          switch (snapshot.connectionState)
            case ConnectionState.active:
            case ConnectionState.waiting:
              return Text('Awaiting result...'); //or a placeholder
            case ConnectionState.done:
              if (snapshot.hasError){
                return Text('Error: ${snapshot.error}');
              } else {
                return Text('Error: ${snapshot.data}');
            }
         },
      ) //FutureBuilder
    ),
  );
}

Source: stackoverflow.com

Similar codes

18 votes202 views3 answers
Flutter dissmis snackbar
Dart
0 vote182 views1 answer
Rectangualr fab in flutter
Dart
1 vote213 views1 answer
Six_ft_apart_rounded
Dart
1 vote184 views1 answer
Flutter get operating system
Dart
6 votes180 views5 answers
Copy to clipboard flutter
Dart
0 vote181 views1 answer
Flutter pageview show next page
Dart
4 votes186 views1 answer
How to change the padding of the snackbar in flutter
Dart
14 votes187 views2 answers
Underline text in flutter
Dart
7 votes145 views1 answer
Floating Action Button rectangular shaped (round corners)
Dart
8 votes206 views2 answers
Slice string dart
Dart