/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

2 votes336 views2 answers
Convert future list to list dart
Dart
1 vote321 views1 answer
Chips in flutter
Dart
25 votes549 views6 answers
Flutter snackbar top
Dart
1 vote324 views3 answers
How to take integer input from user in dart
Dart
15 votes314 views6 answers
Flutter add icon
Dart
25 votes473 views6 answers
Dart for
Dart
17 votes322 views4 answers
Change icon color flutter
Dart
0 vote368 views1 answer
Modal overlay in flutter
Dart
4 votes331 views1 answer
Mobx flutter
Dart
2 votes357 views1 answer
How to make checkbox shape to circular using flutter
Dart