After learning how to create all the widgets for this app by various means, it's time to bring them all together to put the finishing touches on the user interface.
now work on this page as expected. … Now, there's just a couple of styling things to tidy up. … For example, at the bottom here we've got this … Calculate button, and ideally, we'd like to maybe format … that text to make it look a little bit better. … So, let's go ahead and add a style to this, … and of course, we're going to create it as a constant in here. … so that the user target area is a little bit higher … so they don't accidentally quit the app. … So, in order to do that, … we can add a little bit of padding to our container. … And, we're going to add some padding … that only adds it to the bottom. … And, I'm going to put 20 pixels of padding here. … So now, when I hit save, you can see it pushes it … right up so that it's actually, … properly within the safe area. … And that's pretty much our input page complete now. … So we're ready to move on to the next page … in our application, which is the result page. … So that's what we're going to be doing, mostly, in this lesson. …
This course was created by London App Brewery. We are pleased to host this content in our library.
- Using Flutter themes
- Refactoring widgets
- Customizing widgets using themes
- Routes and navigating
- Dart maps