Book Image

Flutter Projects

By : Simone Alessandria

Book Image

Flutter Projects

By: Simone Alessandria

Overview of this book

Flutter is a modern reactive mobile framework that removes a lot of the complexity found in building native mobile apps for iOS and Android. With Flutter, developers can now build fast and native mobile apps from a single codebase. This book is packed with 11 projects that will help you build your own mobile applications using Flutter. It begins with an introduction to Dart programming and explains how it can be used with the Flutter SDK to customize mobile apps. Each chapter contains instructions on how to build an independent app from scratch, and each project focuses on important Flutter features.From building Flutter Widgets and applying animations to using databases (SQLite and sembast) and Firebase, you'll build on your knowledge through the chapters. As you progress, you’ll learn how to connect to remote services, integrate maps, and even use Flare to create apps and games in Flutter. Gradually, you’ll be able to create apps and games that are ready to be published on the Google Play Store and the App Store. In the concluding chapters, you’ll learn how to use the BLoC pattern and various best practices related to creating enterprise apps with Flutter. By the end of this book, you will have the skills you need to write and deliver fully functional mobile apps using Flutter.

Preface

Who this book is for

What this book covers

To get the most out of this book

Hello Flutter!

Technical requirements

Understanding the Dart language basics

Creating your first Flutter app

Further reading

Free Chapter

Miles or Kilometers? Using Stateful Widgets

Miles or Kilometers? Using Stateful Widgets

Technical requirements

Project overview

Understanding state and stateful widgets

Creating the measure converter project

Further reading

My Time - Listening to a Stream of Data

My Time - Listening to a Stream of Data

Technical requirements

Building the timer home page layout

Using a stream and asynchronous programming in Flutter

Navigating to the settings route

Building the Settings screen layout

Using shared_preferences to read and write app data

Further reading

Pong Game - 2D Animations and Gestures

Pong Game - 2D Animations and Gestures

Technical requirements

Building the UI of the app

Using animations

Adding the game logic

Using GestureDetector

Checking the bat position

Adding randomness to the game

Adding the score and completing the game

Further reading

Let's Go to the Movies - Getting Data from the Web

Let's Go to the Movies - Getting Data from the Web

Technical requirements

Project overview

Connecting to a web service and retrieving data with HTTP

Parsing JSON data and transforming it into model objects

Adding a ListView to show data

Showing the detail screen and passing data through screens

Adding the search feature

Further reading

Store That Data - Using Sq(F)Lite To Store Data in a Local Database

Store That Data - Using Sq(F)Lite To Store Data in a Local Database

Technical requirements

Essential theory and context

Project overview

Using sqflite databases

Creating the model classes

Showing database data to the user

Further reading

Firing Up the App - Integrating Firebase into a Flutter App

Firing Up the App - Integrating Firebase into a Flutter App

Technical requirements

Introducing Firebase

Project overview

Adding Firebase to your Flutter project

Adding authentication to your app

Writing data to Firebase: Adding the favorite feature

Further reading

The Treasure Mapp - Integrating Maps and Using Your Device Camera

The Treasure Mapp - Integrating Maps and Using Your Device Camera

Technical requirements

Geolocation and camera – a powerful duo

Integrating Google Maps into Flutter

Using the device camera

Further reading

Let's Play Dice: Knockout - Creating an Animation with Flare

Let's Play Dice: Knockout - Creating an Animation with Flare

Technical requirements

Project overview

Creating objects with Flare

Animating objects with Flare

Integrating Flare into a Flutter app

Further reading

ToDo App - Leveraging the BLoC Pattern and Sembast

ToDo App - Leveraging the BLoC Pattern and Sembast

Technical requirements

Project overview

Using sembast to store data

The BLoC pattern

Further reading

Building a Flutter Web App

Building a Flutter Web App

Technical requirements

Essential theory and context

Project overview

Building a Flutter app that runs on a browser

Creating a responsive UI

Using shared_preferences to save data in Android, iOS, and the web

Publishing a Flutter app to a web server

Further reading

Assessment

Other Books You May Enjoy

Other Books You May Enjoy

Leave a review - let other readers know what you think

Appendix

Setting up your environment to build Flutter projects

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Integrating Google Maps into Flutter

For this project, we'll be using the Google Maps API to show the user a map and add markers to it. As with other Google services, Maps is free up to a certain threshold. You, as a developer, should be able to use it for free in most cases. For production purposes, though, this threshold might not be enough.

For details about pricing and thresholds in Google Maps for a production app, have a look at the following page: https://cloud.google.com/maps-platform/pricing/.

Let's begin integrating our maps into Flutter, as follows

Create a new Flutter app, and call it treasure_mapp.
Add the Google Maps plugin as a dependency in the pubspec.yaml file. The package is called google_maps_flutter, and you can find the latest version on pub.dartlang.org. The code can be seen in the following snippet:

dependencies:
    google_maps_flutter: ^0.5...