A weather app using Flutter with Provider State Management and WeatherApi.
- There is a class named WeatherBook which extends a ChangeNotifier which manages a list of WeatherSearchItems.
- When you search the city (using weatherApi searchApi), you can add it to the list and as the list is modified notifyListeners() is called, it rebuilds the DefaultTabController which is child of Consumer <WeatherBook> widget.
- One WeatherSearchItem is then passed to WeatherView widget which calls the WeatherApi to get the Weather data and then widgets are rendered inside a FutureBuilder.
- And this way i am adding new weather tabs dynamically and the weather tabs are unique.
- Also it has a default weather tab which gets the geolocation weather, which here iOS simulator is just emulating Apple California.
- Used weather_icons which has wind_icons directing to the particular direction according to the wind data provided.
=> packages used - http, provider, geolocator, weather_icons
| Location Permission | Geolocation Weather | Search Cities |
![]() |
![]() |
![]() |
| Multiple Weather Tabs | Refresh Indicator | Remove City/ Cities except Geolocation |
![]() |
![]() |
![]() |
A new Flutter project.
This project is a starting point for a Flutter application.
A few resources to get you started if this is your first Flutter project:
For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.





