Mobile Deep Learning with TensorFlow Lite, ML Kit and Flutter

Displaying the final image on the screen

After successfully detecting faces and painting rectangles around them, we will now display the final image on the screen. We first build the final scaffold for our second screen. We will override the build() method inside FaceDetectionState to return the scaffold as follows:

 @override Widget build(BuildContext context) {     return Scaffold(         appBar: AppBar(         title: Text("Face Detection"),         ),         body: (image == null)          ? Center(child: CircularProgressIndicator(),)         : Center(             child: FittedBox(                 child: SizedBox(                     width: image.width.toDouble(),                     height: image.width.toDouble(),                     child: CustomPaint(painter: FacePainter(image, faces))                 ),             ),         )     ); }

We start by creating the appBar for the screen, providing a title,