UI not updating in flutter after pop - flutter

Question

Hello there hope you all are doing well. Coming to the point I am developing a weather application in flutter its working fine but when it comes to getting weather by city its not working actually its getting all the data but not updating data in UI.
Updating UI
void updateUI(var weatherData) {
if (weatherData == null) {
city = '';
temperature = 0;
weatherMessage = 'Unable to fetch data';
}
id = weatherData['weather'][0]['id'];
weatherIcon = weatherModel.getWeatherIcon(id);
city = weatherData['name'];
double temp = weatherData['main']['temp'];
temperature = temp.toInt();
weatherMessage = weatherModel.getMessage(temperature);
description = weatherData['weather'][0]['description'];
}
Recieving city name(Here is the actual problem i guess)
FlatButton(
onPressed: () async {
dynamic typedname = await Navigator.push(
context,
MaterialPageRoute(
builder: (context) => Cityscreen()));
setState(
() async {
dynamic weatherData =
await weatherModel.getCityLocation(typedname);
updateUI(weatherData);
},
);
},
Getting city location
Future<dynamic> getCityLocation(String cityname) async
{
Network_helper network_helper=Network_helper('https://api.openweathermap.org/data/2.5/weather?q=$cityname&appid=$key');
var weatherData=await network_helper.getData();
return weatherData;
}
City screen stateful widget
class _CityscreenState extends State<Cityscreen> {
late String cityName;
#override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('images/back1.jpg'),
fit: BoxFit.fill,
),
),
constraints: BoxConstraints.expand(),
child: SafeArea(
child: Column(
children: [
Align(
alignment: Alignment.topLeft,
child: FlatButton(
onPressed: () {
Navigator.pop(context);
},
child: Icon(
Icons.arrow_back_ios,
size: 50.0,
),
),
),
Container(
padding: EdgeInsets.all(20.0),
child: TextField(
style: TextStyle(
color: Colors.black,
),
decoration: kTextFieldDecoration,
onChanged: (value)
{
cityName=value;
},
),
),
FlatButton(
onPressed: (){
Navigator.pop(context,cityName);
},
child: Text(
'Get weather',
style: TextStyle(
fontSize: 30,
),
),
color: Colors.deepPurpleAccent,
),
],
),
),
),
Thanks in advance.

Answer 1

Use setstate in then section in navigation push code.
Navigator.push(context,MaterialPageRoute(
builder: (context) => Cityscreen())).then((value) {
setState(() async {
dynamic weatherData =
await weatherModel.getCityLocation(typedname);
updateUI(weatherData);
});
});

Answer 2

If answer by Laxman doesn't work well try separating setState and async code...
you can call getCityLocation() store value in a temp variable and then call setState() on assignment.
Some reference to back my answer SO post