After creating the ViewModel and the base for the View in the previous part, we’re going to take a little break from heavy Kotlin coding. That’s because this part will be focused on creating a nice UI in XML layout and then connecting this layout to our CurrentWeatherFragment.

This, however, doesn’t mean that there is nothing to learn here! Interacting with the UI can be quite challenging at times, especially when working with images and the action bar. After watching this tutorial, you will know how to create a nice UI in a structured and straight-forward way.

👉Get the code from this tutorial👈

 

About the author 

Matt Rešetár

Matt is an app developer with a knack for teaching others. Working as a Flutter freelancer and most importantly developer educator, he doesn't have a lot of free time 😅 Yet he still manages to squeeze in tough workouts 💪 and guitar 🎸

You may also like

Flutter Custom & Staggered Page Transition Animation Tutorial

Flutter Firebase & DDD Course [5] – Sign-In Form Logic

  • Hey Matej,

    Awesome tutorials so far! But seems like this video is mismatched to the User Interface creation.

    PS – Awaiting for other remaining parts of the tutorial to be uploaded and feel confident 🙂

    Thanks,
    Shriharsh

    Reply

  • How can I refresh the data and get it again from server?
    Whenever I call the methods in my ViewModel, it gives back the same result and does not request to server.

    Reply

  • {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
    >