Book Image

Flutter Cookbook, Second Edition - Second Edition

By : Simone Alessandria
5 (3)
Book Image

Flutter Cookbook, Second Edition - Second Edition

5 (3)
By: Simone Alessandria

Overview of this book

Are you ready to tap into the immense potential of Flutter? With over 1,000 new mobile apps published every day on the Apple and Google Play stores, Flutter is transforming the landscape of app development. It's time for you to join the revolution. Introducing the second edition of Flutter Cookbook, a step-by-step guide designed exclusively for you. Whether you're a seasoned developer or just starting your coding journey, this book is your ultimate companion. Dive into the latest features of Flutter 3.10 and unlock the secrets to building professional-grade, cross-platform applications. With our recipe-based approach, we'll not only show you how to implement Flutter's features but also explain why they work. Through practical examples and real-world execution, you'll gain a deeper understanding of Flutter's inner workings. From crafting stunning UI/UX with widgets to leveraging hot reload and restart techniques, we'll equip you with best practices and invaluable knowledge. As you progress, you'll learn to efficiently manage data, add interactivity and animations, and integrate essential Flutter plugins like maps, camera, voice recognition and more. And let's not forget the dedicated chapter on implementing MLkit powered by TensorFlow Lite. We'll guide you through building custom machine learning solutions, expanding the capabilities of your apps. By the time you reach the end of this comprehensive Flutter book, you'll have the skills and confidence to write and deliver fully functional apps.

Related Content you might be interested in

Current Title:

Small book image
Flutter Cookbook, Second Edition - Second Edition
Simone Alessandria
May, 2023 | 712 pages
Small book image
Flutter Projects
Simone Alessandria
Apr, 2020 | 490 pages
Small book image
Google Flutter Mobile Development Quick Start Guide
Salvatore Giordano | Prajyot Mainkar
Mar, 2019 | 152 pages
Small book image
Flutter for Beginners
Tom Bailey | Alessandro Biessek
Oct, 2023 | 406 pages
Table of Contents (19 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Get in touch
1
Getting Started with Flutter
Getting Started with Flutter
Why Flutter?
Technical requirements
Installing Flutter: a high-level overview
Installing the Flutter SDK
How to use Git to manage the Flutter SDK
Setting up the command line and saving path variables
Confirming your environment is correct with Flutter Doctor
Configuring the iOS SDK
Configuring the Android SDK setup
Which IDE/editor should you choose?
Picking the right channel
Summary
Free Chapter
2
Creating Your First Flutter App
Creating Your First Flutter App
How to create a Flutter app
Creating a unit test
Summary
3
Dart: A Language You Already Know
Dart: A Language You Already Know
Technical requirements
Declaring variables—var versus final versus const
Strings and string interpolation
How to write functions
How to use functions as variables with closures
Using Switch Expressions, Records and Patterns
Creating classes and using the class constructor shorthand
How to group and manipulate data with collections
Writing less code with higher-order functions
How to take advantage of the cascade operator
Using extensions
Introducing Dart Null Safety
Using Null Safety in classes
Summary
4
Introduction to Widgets
Introduction to Widgets
Technical requirements
Creating immutable widgets
Using a Scaffold
Using the Container widget
Printing stylish text on the screen
Importing fonts and images into your app
Summary
5
Mastering Layout and Taming the Widget Tree
Mastering Layout and Taming the Widget Tree
Placing widgets one after another
Proportional spacing with the Flexible and Expanded widgets
Drawing shapes with CustomPaint
Nesting complex widget trees
Refactoring widget trees to improve legibility
Applying global themes
Summary
6
Adding Interactivity and Navigation to Your App
Adding Interactivity and Navigation to Your App
Adding state to your app
Interacting with buttons
Making it scroll
Handling large datasets with list builders
Working with TextFields
Navigating to the next screen
Showing dialogs on the screen
Presenting bottom sheets
7
Basic State Management
Basic State Management
Technical requirements
Model-view separation
Managing the data layer with InheritedWidget and InheritedNotifier
Making the app state visible across multiple screens
Summary
8
The Future is Now: Introduction to Asynchronous Programming
The Future is Now: Introduction to Asynchronous Programming
Technical requirements
Using a Future
Using async/await to avoid callbacks
Completing Futures
Firing multiple Futures at the same time
Resolving errors in asynchronous code
Using Futures with StatefulWidgets
Using the FutureBuilder to let Flutter manage your Futures
Turning navigation routes into asynchronous functions
Getting the results from a dialog
Summary
9
Data Persistence and Communicating with the Internet
Data Persistence and Communicating with the Internet
Technical requirements
Converting Dart models into JSON
Handling JSON schemas that are incompatible with your models
Catching common JSON errors
Saving data simply with SharedPreferences
Accessing the filesystem, part 1: path_provider
Accessing the filesystem, part 2: Working with directories
Using secure storage to store data
Designing an HTTP client and getting data
POST-ing data
PUT-ting data
DELETE-ing data
10
Advanced State Management with Streams
Advanced State Management with Streams
Technical requirements
How to use Dart streams
Using stream controllers and sinks
Injecting data transforms into streams
Subscribing to stream events
Allowing multiple stream subscriptions
Using StreamBuilder to create reactive user interfaces
Using the BLoC pattern
Summary
11
Using Flutter Packages
Using Flutter Packages
Technical requirements
Importing packages and dependencies
Using dev dependencies
Creating your own package (part 1)
Creating your own package (part 2)
Creating your own package (part 3)
Adding Google Maps to your app
Using location services
Adding markers to a map
Summary
12
Adding Animations to Your App
Adding Animations to Your App
Creating basic container animations
Designing animations part 1 — Using the AnimationController
Designing animations part 2 — Adding multiple animations
Designing animations part 3 — Using curves
Optimizing animations
Using Hero animations
Using premade animation transitions
Using the AnimatedList widget
Implementing swiping with the Dismissible widget
Using the animations Flutter package
Summary
13
Using Firebase
Using Firebase
Configuring a Firebase app
Creating a login screen
Adding Google Sign-in
Customizing Sign in
Integrating Firebase Analytics
Using Firebase Cloud Firestore
Sending push notifications with Firebase Cloud Messaging (FCM)
Storing files in the cloud
Summary
14
Firebase Machine Learning
Firebase Machine Learning
Using the device’s camera
Recognizing text from an image
Reading a barcode
Image labeling
Building a face detector and detecting facial gestures
Identifying a language
Using TensorFlow Lite
Summary
15
Flutter Web and Desktop
Flutter Web and Desktop
Creating a responsive app leveraging Flutter Web
Running your app on macOS
Running your app on Windows
Deploying a Flutter website
Responding to mouse events in Flutter Desktop
Interacting with desktop menus
Summary
16
Distributing Your Mobile App
Distributing Your Mobile App
Technical requirements
Registering your iOS app on App Store Connect
Registering your Android app on Google Play
Installing and configuring fastlane
Generating iOS code signing certificates and provisioning profiles
Generating Android release certificates
Configuring your app metadata
Adding icons to your app
Publishing a beta version of your app in the Google Play Store
Using TestFlight to publish a beta version of your iOS app
Publishing your app to the stores
Summary
17
Other Books You May Enjoy
Other Books You May Enjoy
18
Index
Index

Importing fonts and images into your app

Text and colors are nice, but pictures are often worth a thousand words. The process of adding custom images and fonts to your app is a little more complex than you might be expecting. Flutter has to work within the constraints of its host operating systems, and since iOS and Android like to do similar things in different ways, Flutter creates a unified abstraction layer on top of their filesystems.

In this recipe, we will be using asset bundles to add a photo at the top of the screen and use a custom font.

Getting ready

You should have completed the previous recipe in this chapter, Printing stylish text to the screen, before following along with this one.

You will add an image to the app. You can get some great free stock photography from Unsplash. Download this beach image by Khachik Simonian as well: https://unsplash.com/photos/nXOB-wh4Oyc.

How to do it...

Let's update the previous recipe's code with some new fonts:

  1. Open the pubspec...
Previous Section
End of Section 2
Next Section