Mobile Deep Learning with TensorFlow Lite, ML Kit and Flutter

Creating the whole user interface

Now, we create the whole user interface, all of the created widgets are put together inside the build() method overridden inside the FaceDetectorHomeState class.

In the following code snippet, we create the final scaffold for the first screen of the application:

@overrideWidget build(BuildContext context) {    return Scaffold(        key: _scaffoldKey,          appBar: AppBar(            centerTitle: true,            title: Text('Face Detection'),        ),        body: SingleChildScrollView(            child: Column(                children: <Widget>[                    buildRowTitle(context, 'Pick Image'),                    buildSelectImageRowWidget(context)                ],            )        )    );}

The text of the toolbar is set to Face Detection by setting the title inside the appBar. Also, the text is aligned to the center by setting centerTitle ...