Mobile Deep Learning with TensorFlow Lite, ML Kit and Flutter

Creating the user interface

We will start by creating a new file, PlantSpeciesRecognition.dart, containing a stateful widget named PlantSpeciesRecognition, and we'll override its build() method for placing the user interface (UI) components of the application:

1. Let's create a Scaffold with an FAB and AppBar with the application title that will be returned from the build() method. The FAB will let the user choose an image from the device's gallery to predict the species of the plant contained in the image, as follows:

return Scaffold(    appBar: AppBar(        title: const Text('Plant Species Recognition'),    ),    floatingActionButton: FloatingActionButton(        onPressed: chooseImageGallery,        tooltip: 'Pick Image',        child: Icon(Icons.image),    ),);

In the preceding ...