Importing fonts and images into your app
Text and colors are nice, but pictures are often worth a thousand words. The process of adding custom images and fonts to your app is a little more complex than you might be expecting. Flutter has to work within the constraints of its host operating systems, and since iOS and Android like to do similar things in different ways, Flutter creates a unified abstraction layer on top of their filesystems.
In this recipe, we will be using asset bundles to add a photo at the top of the screen and use a custom font.
Getting ready
You should have completed the previous recipe in this chapter, Printing stylish text to the screen, before following along with this one.
You will add an image to the app. You can get some great free stock photography from Unsplash. Download this beach image by Khachik Simonian as well: https://unsplash.com/photos/nXOB-wh4Oyc.
How to do it...
Let's update the previous recipe's code with some new fonts:
- Open the
pubspec...