Your First Flutter App: Polishing the App

Since we’re talking about styling the app in this part of the course, one thing we need to address is the use of Material versus Cupertino widgets.

All of our Dart files so far have used the top import shown here, material.dart. Material is referring to Material Design, which is the visual design language used for Android user interfaces. So all of our widgets in Bullseye have had Android styling as their foundation.

Conversely, Cupertino.dart refers to the use of iOS-like styling for Flutter widgets.

When building a Flutter app, you could show iOS users Cupertino widgets and Android users material widgets, but that’s probably not the best approach. It’s better to choose one or the other as a foundation, and then give all your widgets their own custom visual design for your particular app. Which foundation to choose amounts to what you want your base visual styles to favor, iOS or Android.

Using Cupertino widgets and switching between material and Cupertino is beyond the scope of this course, but it starts with replacing your import of material.dart with Cupertino.dart, and then changing some of your widgets like the App and Scaffolds to be a Cupertino type.

With that out of the way, let’s now see how to pull image assets into your Flutter app.