Book Image

Flutter Cookbook

By : Simone Alessandria, Brian Kayfitz
4 (1)
Book Image

Flutter Cookbook

4 (1)
By: Simone Alessandria, Brian Kayfitz

Overview of this book

“Anyone interested in developing Flutter applications for Android or iOS should have a copy of this book on their desk.” – Amazon 5* Review Lauded as the ‘Flutter bible’ for new and experienced mobile app developers, this recipe-based guide will teach you the best practices for robust app development, as well as how to solve cross-platform development issues. From setting up and customizing your development environment to error handling and debugging, The Flutter Cookbook covers the how-tos as well as the principles behind them. As you progress, the recipes in this book will get you up to speed with the main tasks involved in app development, such as user interface and user experience (UI/UX) design, API design, and creating animations. Later chapters will focus on routing, retrieving data from web services, and persisting data locally. A dedicated section also covers Firebase and its machine learning capabilities. The last chapter is specifically designed to help you create apps for the web and desktop (Windows, Mac, and Linux). Throughout the book, you’ll also find recipes that cover the most important features needed to build a cross-platform application, along with insights into running a single codebase on different platforms. By the end of this Flutter book, you’ll be writing and delivering fully functional apps with confidence.
Table of Contents (17 chapters)
16
About Packt

How to do it...

Open up stopwatch.dart to get started:

  1. The first thing you are going to do is make the timer a bit more precise. Seconds are not a very interesting value to use for stopwatches. 
  2. Use the refactoring tools to rename the seconds property to milliseconds. We also need to update the onTick, _startTimer, and _secondsText methods:
int milliseconds = 0;

void
_onTick(Timer time) {
setState(() {
milliseconds += 100;
});
}
void _startTimer() {
timer = Timer.periodic(Duration(milliseconds: 100), _onTick);
...
}
String _secondsText(int milliseconds) {
final seconds = milliseconds / 1000;
return '$seconds seconds';
}
  1. Now, let's add a laps list so that we can keep track of the values for each lap. We're going to add to this list every time the user taps a lap button. 
  2. Add this property to the top of the StopWatchState class, just under the declaration of the timer:
final laps = <int>[];
  1. Create a...