Customizing Sign in

While having fully functional sign-in features with very little code is a great achievement in itself, in most cases you will need to customize your login and registration user interfaces, for example, by adding a logo or some text.

In this recipe, you will add an image, a title, and a footer to your sign-in screens.

Getting ready

To follow along with this recipe, you need to complete the previous recipes in this chapter.

How to do it...

First you will customize the sign-in by adding a logo and some text:

1. Download a free image for your project (you can use https://bit.ly/logo_ico).
2. At the root of your project, create a new folder called assets.
3. Save the image you have downloaded, and rename it logo.jpg.
4. In your pubspec.yaml, uncomment the assets section, and add the assets folder as a source:

     assets:
       - assets/
   

5. In the authenticationscreen.dart file, in the build method, set the headerBuilder...