The MVC Design Pattern: View

Learn about the model-view-controller pattern and what the role of view is.

The role of view

Before we go to read the screen-view code, we will take a look at how our Flutter application looks in the image below:

The first look of the application that we are going to build

Now we can scroll down to the bottom and see what is waiting for us. At the bottom, there are two buttons. If we click the "Change Name" button, it will display the "Name Changed" text message. Just below that text, we have the "Clear name" button. When we press that button, it will clear the text as shown in the image below:

The bottom part of our application

Below these buttons, there ...

Get hands-on with 1400+ tech skills courses.