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

# Introduction

In this lesson, you’ll be adding the contact’s phone numbers for two categories: "mobile" and "other" as shown in the screenshot below:

![](/api/collection/5726865580883968/6563776842170368/page/5640917110226944/image/5315457339883520)

# Mobile phone number

Let’s create a `mobilePhoneListTile()` method to build the widget for listing mobile phone numbers for the contact.

We need three parts to create an interface that displays the phone numbers.

* Icon: An icon is used to provide a visual cue for the action item.
* Text: The text includes the phone number and its category right below.
* Action icon: An action icon is an action that can be taken for this content. In this case, an action to send text messages to contact can be useful.


## ListTile

Flutter provides a widget called [`ListTile`](https://api.flutter.dev/flutter/material/ListTile-class.html) to create a row with leading and trailing icons along with some text in the middle.
We’ll be using `ListTile` to display the mobile phone number information. The `leading` property shows a call icon. The `title` property displays the phone number. The `subtitle` property shows the category of the phone number as "Mobile." The `trailing` property provides the `IconButton` for text message action.

```
Widget mobilePhoneListTile() {
 return ListTile(
   leading: Icon(Icons.call),
   title: Text("330-803-3390"),
   subtitle: Text("mobile"),
   trailing: IconButton(
     icon: Icon(Icons.message),
     color: Colors.indigo.shade500,
     onPressed: () {},
   ),
 );
}

```

Add the `mobilePhoneListTile()` method to the parent `Row` widget’s children below the divider added in the last challenge.


In this lesson, we discuss adding phone numbers in detail.

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)

Contact Phone Numbers

Introduction

Mobile phone number