1
00:00:01,010 --> 00:00:01,609
Welcome back.

2
00:00:01,700 --> 00:00:07,040
And this video, I would like to add those two buttons here at the bottom, so the follow user button

3
00:00:07,040 --> 00:00:08,720
as well as the direct message button.

4
00:00:09,020 --> 00:00:14,930
And they're not going to do anything as of now, but I want to have them inside of my application.

5
00:00:15,350 --> 00:00:17,030
So where would they be positioned?

6
00:00:17,270 --> 00:00:21,740
Well, I would say underneath this role here, where you see where the profile starts.

7
00:00:22,040 --> 00:00:23,180
So what do we need?

8
00:00:23,750 --> 00:00:25,400
Actually, just another row.

9
00:00:25,670 --> 00:00:28,940
OK, so we need another rope, but this time with two buttons.

10
00:00:29,300 --> 00:00:31,550
So let's add it to our application.

11
00:00:31,880 --> 00:00:37,270
Therefore, we actually can copy from this rope.

12
00:00:37,280 --> 00:00:40,670
So let's copy all of this stuff here because I want to have the same settings.

13
00:00:40,680 --> 00:00:44,930
I want to make sure that I have a little bit of distance towards the top and at the other sides.

14
00:00:45,200 --> 00:00:52,370
I want the buttons to be spaced evenly so I can just go ahead and copy the settings from this role here.

15
00:00:52,910 --> 00:00:59,450
But now, inside of the curly brackets, I can go ahead and add the buttons that I want to have in there.

16
00:00:59,900 --> 00:01:01,790
So let's go ahead and just add a button.

17
00:01:01,970 --> 00:01:08,240
And you see, this is the default settings that I get here, a button, which is an compose material.

18
00:01:08,390 --> 00:01:10,070
So let's just add this button.

19
00:01:10,490 --> 00:01:15,240
So you see here we have this on click, which is automatically created for us and with curly brackets,

20
00:01:15,240 --> 00:01:20,960
so we could add whatever we wanted in here that should then be executed once we click on the button

21
00:01:21,320 --> 00:01:22,940
and currently not going to do anything.

22
00:01:22,940 --> 00:01:27,770
But you see there is a to do here, which lets us know, hey, there is still something to implement,

23
00:01:28,400 --> 00:01:32,210
but now I want to define the button or modify the button.

24
00:01:32,690 --> 00:01:37,520
So how do I modify the text of a button or add a text to a button?

25
00:01:38,180 --> 00:01:39,680
Well, that's a cool thing and compose.

26
00:01:39,680 --> 00:01:42,230
You can just go ahead and use to text composable once again.

27
00:01:42,710 --> 00:01:44,330
So what should be the text for it?

28
00:01:44,360 --> 00:01:51,230
This one will be follow user and to this case, follow dog, and then I want to have another button

29
00:01:51,710 --> 00:01:52,760
just next to it.

30
00:01:53,180 --> 00:01:58,340
And because we are inside of a row here, they will be next to each other.

31
00:01:58,550 --> 00:02:00,920
They will be arranged evenly spaced.

32
00:02:01,460 --> 00:02:07,220
So what should be the text of the second button that one should say something like direct message?

33
00:02:08,180 --> 00:02:14,780
OK, so let's rerun our application and see how this is going to pan out and we see our follow user

34
00:02:15,110 --> 00:02:17,450
button here, as well as the direct message button.

35
00:02:17,630 --> 00:02:24,980
And they also have this behavior of when we click on them that they create this little effect here.

36
00:02:25,610 --> 00:02:26,060
OK.

37
00:02:26,090 --> 00:02:27,260
And that's already it.

38
00:02:27,260 --> 00:02:34,130
So that was a little introduction to how to add buttons and create another role where the buttons are

39
00:02:34,400 --> 00:02:35,240
next to each other.

40
00:02:35,240 --> 00:02:39,370
And you see, they're spaced evenly as we wanted them to be.

41
00:02:39,380 --> 00:02:43,460
So we have a similar situation like we wanted to have in here.

42
00:02:44,360 --> 00:02:51,170
But now you see that at the current state, our husky is all the way at the top, so we still need to

43
00:02:51,170 --> 00:02:52,490
make a couple of changes.

44
00:02:52,910 --> 00:02:59,000
So we're going to look at cards and vertical scrolls in composable, so see you in the next video.