Creating the UI for the conversational application

We will start by creating the basic user interface for the application using some hardcoded texts to test if the UI is updating properly or not. Then, we will integrate the Dialogflow agent so that it can answer queries and tell the user their lucky number, followed by the addition of a mic option so that we can utilize the speech to text functionality.

The overall widget tree of the application will look as follows:

Now, let's discuss the implementation of each of these widgets in detail.

Creating the Text Controller

First of all, let's create a StatefulWidget called ChatScreen in a new dart file called chat_screen.dart. Now, follow these steps:

1. Create...