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

# Converting JSON to MovieModel object

You'll convert the API response to `MovieModel` objects before adding to the `movies` list.

```
//List of movies to hold data parsed from api response
List<MovieModel> movies = List<MovieModel>();

fetchMovies() async {

// Fetching data from server
 var data = await MoviesProvider.getJson();

 setState(() {
//Holding data from server in generic list results
   List<dynamic> results = data['results'];

//Iterating over results list and converting to MovieModel
   results.forEach((element) {
     
//adding MovieModel object to movies list
movies.add(MovieModel.fromJson(element));
   });
 });
}

```



# Displaying data

Now, data values can be accessed from the `MovieModel` object using its properties. 

For example, `movies[index]["poster_path"]` can be accessed as `movies[index].poster_path`, and so on.

Previous code to render items in list can be updated to `Text(movies[index].title)`.

> Old way to retrieve title: `movies[index]["title"]`

```
class _MoviesListingState extends State<MoviesListing> {
  
...
    @override
  Widget build(BuildContext context) {
    //Fetching movies as usual
    fetchMovies();

    return Scaffold(
      body: ListView.builder(
        itemCount: movies == null ? 0 : movies.length,
        itemBuilder: (context, index) {
          return Padding(
            padding: const EdgeInsets.all(8.0),
           //NEW CODE: New way to display title
           //Title is being accessed as below rather `movies[index]["title"]`
            child: Text(movies[index].title),
          );
        },
      ),
    );
  }
}
```

At this point, the response from API is rendered as a text blob on the main screen. 

In this lesson, you'll learn to use the "MovieModel" object to build a "movies" list of movie entries returned from the API response.

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)

Converting API Response to MovieModel List