• Post category:StudyBullet-17
  • Reading time:5 mins read

Google Flutter Dart: build app for Android and iOS
Develop a Flutter App using GoRouter and Provider from the Dart language, learn to use http lib and AppLocalization.

What you will learn

Create an modern Android and iOS application with Flutter in Dart

Organize the code with separate layers (Screen, data provider and data layers)

Create http request

Use GoRouter to create a navigation stack


During this course, we will develop an Flutter application that will display photos taken by the rovers on Mars using Android Studio.

This app will use all the latest Flutter technologies and Framework:

  • GoRouter (to navigate between screen)
  • Provider (to mange data)
  • http (REST client)
  • Future (To create asynchronous tasks)

With this example, you should be able to create an Android and iOS App to the industry standard.

We will use an architecture to separate the ui layer from the data layers. This will make the code easy to read and easy to maintain.

Your productivity will be improve as Flutter is easier to write and reuse.

Get Instant Notification of New Courses on our Telegram channel.

You will improve your knowledge of Dart. If you use other language like Java, Kotlin or Swift this is a opportunity to learn.

Flutter is used to create mobile application for both Android and iOS. Therefore your productivity will be increased as you can have a single code base for both platforms.

In this mobile app we will use components from Materal:

  • Card
  • ListView
  • Column
  • Text
  • Image
  • SizedBox
  • Scaffold
  • Padding

Don’t miss this opportunity to build your mobile developer career buy taking this course “Google Flutter Dart: build app for Android and iOS”.




Get NASA Api key (optional)
Environment and SDK set up + Android and iOS simulator setup
Project setup

Basic flutter (create a card and a list)

Create a basic flutter item
Create a scrollable list in Flutter

Navigation (create a second screen with a parameter)

Use GoRouter to navigate to a second screen with a parameter

App localization (extract string in a json file)

Create a file for the strings display in the flutter app

Create the first network request

Create a network request from the manifest screen
Display the result of the network request on the screen using Provider
Customize error and loading screens

Display photos from Mars of each rover from the network

Create photo network request
Display photo of the mars rovers from the network


Bonus: Learn Android Jetpack Compose