Mobile Deep Learning with TensorFlow Lite, ML Kit and Flutter

Updating the UI with results

In the previous section, Creating the user interface, we updated the UI by adding an extra child to stackChildren, to show the image selected by the user. Now, we will add another child to the stack to show the result of the image analysis, as follows:

1. First, we will add the results of the Cloud Vision API, as follows:

stackChildren.add( Center (  child: Column(    children: <Widget>[      str != null?      new Text(str,          style: TextStyle(            color: Colors.black,            fontSize: 20.0,            background: Paint()              ..color = Colors.white,              )          ): new Text('No Results')        ],      )    ));

Recall that the JSON response of the request was already parsed, formatted, and stored in the str variable. Here, we have used the value of str to create a Text with a specified ...