1
00:00:00,660 --> 00:00:01,070
All right.

2
00:00:01,080 --> 00:00:05,700
Hopefully you had some success in hooking up the image screen to our navigator and getting a button

3
00:00:05,700 --> 00:00:07,880
to display on the home screen as well.

4
00:00:07,890 --> 00:00:09,750
Let's go ahead and give this a shot.

5
00:00:09,780 --> 00:00:10,020
All right.

6
00:00:10,020 --> 00:00:12,450
Some inside my app dot J.S. file at the very top.

7
00:00:12,450 --> 00:00:21,450
I'm going to import the image screen that we just created from source screens image screen.

8
00:00:21,510 --> 00:00:25,070
I'll then hook it up to my root configuration object right here.

9
00:00:25,070 --> 00:00:28,220
So do something like image is image screen

10
00:00:30,910 --> 00:00:34,820
that's all we should have to do to hook up that screen to our navigator object.

11
00:00:34,820 --> 00:00:38,930
It's now the only other thing we have to do is open up our home screen and make sure there's a new button

12
00:00:38,930 --> 00:00:43,640
inside there that we can use to tap and show the image screen that we just created.

13
00:00:43,640 --> 00:00:45,770
So I'll open up that home screen not J.S. file.

14
00:00:45,770 --> 00:00:47,730
Here it is right here.

15
00:00:47,780 --> 00:00:49,760
I'm going to duplicate one of the buttons.

16
00:00:49,760 --> 00:00:56,260
So a copy that button and paste it right underneath I'll change the title from go to list demo to something

17
00:00:56,260 --> 00:00:58,840
like go to image demo instead.

18
00:00:58,960 --> 00:00:59,890
The title doesn't matter.

19
00:00:59,920 --> 00:01:02,940
So if you use a different title here that's totally fine.

20
00:01:02,950 --> 00:01:08,710
Well then make sure that we update our navigate call remember this navigate call tells the react navigation

21
00:01:08,710 --> 00:01:15,380
library which component we want to show on the screen we just hooked up that image screen called image.

22
00:01:15,520 --> 00:01:18,390
So we want to navigate to image.

23
00:01:18,390 --> 00:01:24,490
So back over here on the new button I will change the list to image with a capital I get.

24
00:01:24,580 --> 00:01:27,930
Let's save this and try it out so I'll save it.

25
00:01:27,950 --> 00:01:33,020
I can now see that new button right there and I'll double check on Android as well and I can click on

26
00:01:33,020 --> 00:01:36,020
that link and I can see the image screen.

27
00:01:36,020 --> 00:01:37,380
Perfect.

28
00:01:37,380 --> 00:01:37,570
OK.

29
00:01:37,580 --> 00:01:38,670
Now we've got that wired up.

30
00:01:38,690 --> 00:01:40,060
Let's continue in the next video.

31
00:01:40,060 --> 00:01:45,560
We're gonna discuss how we can easily create a reusable component and then use it several times inside

32
00:01:45,560 --> 00:01:46,490
of that image screen.

33
00:01:46,970 --> 00:01:48,820
So quick pause and I'll see you in just a minute.