JKPK / weekly_flutter_challenge_4_weather_app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

weekly_flutter_challenge_4_weather_app

Challenge summary:

This challenge is about recreating Ashok Rajan's Weather App Design. The goal is to recreate the design and interactions as closely as possible.

https://www.uplabs.com/posts/weather-app-244f14ad-518c-4244-bc75-05015676171a

What I have learned during this challenge (in no particular order):

  1. Learned more about Material widget and used with InkWell widget.
  2. Showing custom Dialog.
  3. Using AlertDialog widget.
  4. Simple, yet useful Spacer widget that helps with positioning of elements.
  5. Radio widget & TextField widget and retrieving data from them.
  6. TextEditingController class to retrieve data from TextField.
  7. Using SingleChildScrollView with ListBody.
  8. Using ConstrainedBox widget to limit the size of it's child.
  9. Using FocusNode to detect if TextField has focus.
  10. Using intl package and DateFormat class.
  11. Using keyboard_visibility package to detect when soft keyboard is visible.

Original design

Original design

Challenge result - click to see video

Challenge result

About


Languages

Language:Dart 97.6%Language:Swift 1.2%Language:Kotlin 1.1%Language:Objective-C 0.1%