Building the UI for the application

Now that we understand the basic functionality of the image super-resolution model and have created a model for it, let's do a deep dive into building the Flutter application. In this section, we will build the UI of the app.

The UI of the app will be very simple: it will contain two image widgets and button widgets. When the user clicks on the button widget, they will be able to pick an image from the device's gallery. The same image will be sent as input to the server hosting the model. The server will return an enhanced image. The two image widgets that will be placed on the screen will be used to display the input to the server and the output from the server.

The following images illustrate the basic ...

Get Mobile Deep Learning with TensorFlow Lite, ML Kit and Flutter now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.