WEBVTT

00:00.920 --> 00:05.540
Now let's create the screens that we need to navigate between them.

00:05.570 --> 00:12.320
For that, I remove this composable and I'll create a new composable called First Screen.

00:12.320 --> 00:16.490
And this first screen displays only a text.

00:18.350 --> 00:20.420
This is the first screen.

00:20.420 --> 00:23.000
Also, we need to create a button.

00:23.000 --> 00:27.290
And inside the row scoop we need to create a text.

00:27.320 --> 00:31.010
Go to next screen or second screen.

00:31.010 --> 00:34.100
This is the first composable screen.

00:34.100 --> 00:41.780
In order to display it, we can go to the greeting preview and we call the first screen Build and Refresh

00:41.780 --> 00:43.460
and remove the greeting.

00:45.680 --> 00:52.880
I'll include them into a column, so I'll move this text and button to a column.

00:52.880 --> 00:54.020
And here we go.

00:54.050 --> 00:56.360
This is our first screen.

00:56.360 --> 00:59.540
Now let's design the second screen.

00:59.540 --> 01:04.580
I'll create a new composable named as second screen.

01:05.990 --> 01:09.350
Let me call this in the preview.

01:09.350 --> 01:15.080
So second screen again I create a column containing a text.

01:16.910 --> 01:22.910
This is the second screen and a button with a row scoop containing text.

01:24.170 --> 01:26.180
Go to first screen.