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

# Dark theme

In this lesson, we'll create a [dark](https://material.io/design/color/dark-theme.html) theme for the *Profile Page* created in the previous [chapter](https://www.educative.io/courses/beginning-flutter-android-mobile-app-development/introduction-N0Z2nRNKqM2).

> A dark theme is a low-light UI that displays mostly dark surfaces.

 
The `MyAppThemes` class provides theme definitions for our app. 

Go ahead and add the `static` method `appThemeDark()` in the `MyAppThemes` class. This method will return the `ThemeData` widget.
The `static` keyword makes the method accessible at the class level. That means you can call this method using `MyAppThemes.appThemeDark()` from `MaterialApp` later.

```

class MyAppThemes {

 //Method for dark theme
 static ThemeData appThemeDark() {
   return ThemeData();
 }
}
```

## The `brightness` property

In this theme, `brightness` property is set to `Brightness.dark`.


## App icons

Icons are themed in orange using the code below:
```
iconTheme: IconThemeData(
       color: Colors.orange,
     )
```

`iconTheme` color property for the app's icons is set to `Colors.orange`.


## AppBar

The AppBar theme has black background, and `Colors.white` for icon theme:
```
appBarTheme: AppBarTheme(
       color: Colors.black,
       iconTheme: IconThemeData(
         color: Colors.white,
       ),
     )
```

`appBarTheme`'s color is set to `Colors.black` and its `iconTheme` is set to lighter color `Colors.white`.



## Global theme: `appThemeDark()`

Let's populate `ThemeData` for the `appThemeDark()` method: 
```
class MyAppThemes {

 static ThemeData appThemeDark() {
   return ThemeData(
     // Define the default brightness and colors for the overall app.
     brightness: Brightness.dark,
 
     //Theme for app bar
     appBarTheme: AppBarTheme(
       //AppBar's background color is dark this time
       color: Colors.black,
       
       //Light color for the app bar's icons 
       iconTheme: IconThemeData(
         color: Colors.white,
       ),
     ),

     //App's icons are colored in orange color
     iconTheme: IconThemeData(
       color: Colors.orange,
     ),
   );
 }
}


```



In this lesson, you'll learn to create a dark theme for the Profile Contact Page.


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)

Dark Theme

Dark theme