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

Summary

Flutter can now create apps for mobile, web, and desktop, and, while using the same code for several devices is a huge advantage for developers, the different form factors may be challenging when designing the UI of an app. A possible approach to deliver a great user experience to users is using responsive layouts. In the project in this chapter, you've used MediaQuery.of(context).size.width to choose different layouts based on the number of logical pixels available in the screen; a Table for larger screens; and a ListView for smaller screens.

Flutter for Web allows you to debug Flutter apps with a Chrome browser, but, once published, the apps will be compatible with any recent browser.

A challenge for apps that run on different systems is using their specific features. Saving data on iOS, Android, or a browser is radically different in each case. The Flutter approach...