1
00:00:00,860 --> 00:00:01,200
All right.

2
00:00:01,200 --> 00:00:03,390
Hopefully you had some success on this exercise.

3
00:00:03,420 --> 00:00:06,740
So in this video we're going to go over a very quick solution.

4
00:00:06,780 --> 00:00:08,750
I'm going to flip back over to my code editor.

5
00:00:08,790 --> 00:00:13,320
The first thing we want to do is make sure that our LIST scrolls vertically again to get it to scroll

6
00:00:13,320 --> 00:00:13,860
vertically.

7
00:00:13,890 --> 00:00:20,430
All we have to do is remove that horizontal prop right there now that our LIST is scrolling horizontally.

8
00:00:20,430 --> 00:00:25,060
We really don't need this shows horizontal scroll indicator either either anymore.

9
00:00:25,170 --> 00:00:26,540
So I can delete that as well.

10
00:00:27,780 --> 00:00:30,790
If I now save this I should see my list scrolling vertically once again.

11
00:00:31,200 --> 00:00:32,400
Yep looks good.

12
00:00:33,080 --> 00:00:33,350
All right.

13
00:00:33,350 --> 00:00:39,560
So now part two we need to go through an ad in an age property to each of our different friend objects.

14
00:00:39,560 --> 00:00:46,010
So I'm going to find each of these different objects and I'll add an age and I'll do 20 and I'll just

15
00:00:46,010 --> 00:00:55,320
copy paste that on down once again so 20 20 20 and I'm going to change the age for each one very quickly.

16
00:00:55,340 --> 00:00:55,670
Let's go.

17
00:00:55,670 --> 00:00:59,150
21 22 23 24 and so on.

18
00:00:59,710 --> 00:01:00,000
Okay.

19
00:01:00,010 --> 00:01:01,020
That looks good.

20
00:01:01,650 --> 00:01:06,330
So now that our friend objects have an age property we can reference that inside of our render item

21
00:01:06,330 --> 00:01:07,530
function right here.

22
00:01:07,740 --> 00:01:11,910
At present we are only accessing the Name property up of each friend.

23
00:01:12,000 --> 00:01:16,080
So if we want to make sure we also print out the age we can just add in an additional reference inside

24
00:01:16,080 --> 00:01:19,130
this text element to item dot age.

25
00:01:19,250 --> 00:01:22,680
So I'll put inside of here right after item dot name a dash like so.

26
00:01:22,680 --> 00:01:27,330
Because remember that's why I showed on this mockup over here and then I'll write out in plain text

27
00:01:27,420 --> 00:01:33,840
age and then to put a javascript variable inside of your of item dot age we'll make sure we put that

28
00:01:33,840 --> 00:01:35,760
inside of a set of curly braces.

29
00:01:35,910 --> 00:01:43,150
So item dot age and I'll zoom out for just a second so you can easily see that whole line OK.

30
00:01:43,160 --> 00:01:44,270
So that should be it.

31
00:01:44,330 --> 00:01:44,930
It's all safe.

32
00:01:44,940 --> 00:01:49,560
This looks like my code for matter has kicked in and kind of reformatted that code.

33
00:01:49,580 --> 00:01:51,220
Total equivalent to what we had before.

34
00:01:51,320 --> 00:01:55,820
It's just kind of condense down so it doesn't span such a very long line.

35
00:01:55,850 --> 00:01:58,700
Now I can check out my application and I'll see you up.

36
00:01:58,710 --> 00:02:00,690
I've got friend one to the age of 20.

37
00:02:00,690 --> 00:02:02,730
Age 21 and so on.

38
00:02:02,960 --> 00:02:05,350
I should have something very equivalent on Android as well.

39
00:02:05,390 --> 00:02:07,200
It looks like I do.

40
00:02:07,270 --> 00:02:07,640
All right.

41
00:02:07,660 --> 00:02:09,160
So nice little exercise.

42
00:02:09,160 --> 00:02:13,120
Let's take a pause right here and now we're going to move on to our next subject in the next video.