Delve into Flutter's UI framework to build high-quality Android apps, from creating contact profiles to enhancing them with themes and API integration, culminating in app publication.

Flutter is Google’s mobile UI framework used for crafting high-quality native interfaces on iOS and Android. This course focuses on building applications for the Android platform.

You’ll start by exploring the intricacies of Flutter and work your way up to implementing a contact profile page for an Android address book.

In the latter half of the course, you’ll learn to work with Flutter themes to spruce up the contact profile app you created. To round out your Flutter experience, you’ll also practice fetching data from a remote Application Programming Interface (API).

You’ll put into practice what you learn using live coding environments embedded within the course. By the time you’re done, you’ll be ready to create your own Android app and publish it to the Google Play Store.

Salahaddin Mohammed

I completed the course "Beginning Flutter: Android Mobile App Development" at the Educative platform. I have easily understood the course because of your great explanation. I want to thank you really!

Thank you letter from a student.

Beginning Flutter: Android Mobile App Development

# Modularizing themes

It’s a good idea to create a separate class for the Global theme created in the previous [lesson](https://www.educative.io/pageeditor/5726865580883968/6563776842170368/6073911025336320) to keep styling and design separate from the interface building codebase. 

We can pull out the Global theme in a separate `MyAppThemes` class, like below. Create a `static` method `appThemeLight()` to access the light theme from other interface classes. The `static` keyword makes it accessible from other classes using `MyAppThemes.appThemeLight()`.

```
class MyAppThemes {
 static ThemeData appThemeLight() {
   return ThemeData(
     // Define the default brightness and colors for the overall app.
     brightness: Brightness.light,
     //appBar theme
     appBarTheme: AppBarTheme(
       //ApBar's color 
       color: Colors.white,

       //Theme for AppBar's icons
       iconTheme: IconThemeData(
         color: Colors.black,
       ),
     ),
     //Theme for app's icons
     iconTheme: IconThemeData(
       color: Colors.indigo.shade800,
     ),

   );
 }
}

```

The `MaterialApp` can access the light theme by calling `MyAppThemes.appThemeLight()`, like below:

```
MaterialApp(
 debugShowCheckedModeBanner: false,
 theme: MyAppThemes.appThemeLight(),
 home: Scaffold(
  //buildAppBarWidget() creates app bar widget
   appBar: buildAppBarWidget(),

   //buildBodyWidget() creates body for the app
   body: buildBodyWidget(),
 ),
)

```

Keeping themes in a separate class makes it easier to switch themes very quickly. It’s as easy as calling a different method.


In this lesson, you'll learn how to organize themes to avoid duplicating the same styling code.

Introduction

Hello Flutter !

Build your Contact Profile Page

Flutter Themes

MovieApp: Fetching Data from REST API

Where to Go from Here

Appendix: Installation & Setting up Flutter (Optional)

Modularizing Themes