Let’s Get Graphical!

In this chapter, we will build on our high-level understanding of the built-in widgets by learning how to make them look pretty. A slick and well-styled user interface not only enhances the clarity of the app’s functionality but also elevates the user experience, increasing the likelihood of users wanting to continue its use.

There are many ways to add styling to existing widgets and to use new widgets that we haven’t seen yet, which can give us great default styling. Our focus in this chapter will be the static graphics – how a widget looks in a resting state, and perhaps how it looks in an active state – and we will move on to animations and advanced graphics in Chapter 11, Using Widget Manipulations and Animations.

This is definitely one of the most fun aspects of Flutter because it is so easy to make a widget or a full page look beautiful. It feels like Flutter was born to be pretty and you just need to give it a gentle...