1
00:00:02,240 --> 00:00:08,030
So let's keep on reporting for that, let's go to the product detailed screen and there we also have

2
00:00:08,030 --> 00:00:09,620
some options at the bottom.

3
00:00:09,800 --> 00:00:16,430
Weizsäcker, though, here we can export this again as a constant named screen options.

4
00:00:16,430 --> 00:00:18,800
And that holds our function here then.

5
00:00:19,520 --> 00:00:21,820
And we do the same in the card screen.

6
00:00:22,070 --> 00:00:29,330
So on the card screen, if we scroll down here, we export our constant screen options.

7
00:00:30,110 --> 00:00:35,210
And here you see it's now actually not a function, but just an object.

8
00:00:35,480 --> 00:00:37,430
This, however, should also work.

9
00:00:37,730 --> 00:00:39,770
You don't necessarily need a function here.

10
00:00:41,090 --> 00:00:47,060
With that back in the shop navigator, let's add that here on this detail screen.

11
00:00:48,000 --> 00:00:49,560
With the options prop.

12
00:00:51,560 --> 00:00:52,850
And also here.

13
00:00:53,940 --> 00:01:00,570
On this screen now, we need to import these options, so from product detailed screening, we now also

14
00:01:00,570 --> 00:01:02,250
import screen options.

15
00:01:02,260 --> 00:01:07,530
And the problem will now face is that we now have a name clash, that screen options here and here.

16
00:01:07,980 --> 00:01:12,000
We can fix this by citing an alias and giving this the product.

17
00:01:13,210 --> 00:01:21,970
Detail, screen options, name, whatever you name you prefer, and then do the same for the card screen.

18
00:01:22,980 --> 00:01:26,760
Here with the aski word, of course, should be the card.

19
00:01:27,790 --> 00:01:33,490
Screen options, and to be consistent, I'll do the same for the product overview screen here.

20
00:01:34,030 --> 00:01:35,740
It'll now be the product.

21
00:01:36,710 --> 00:01:45,290
The products overview screen options, so if these imports add it here, I refer to the products overview

22
00:01:45,290 --> 00:01:47,480
screen options here to the.

23
00:01:48,410 --> 00:01:55,250
Product detail, screen options and here to the card screen options.

24
00:01:57,000 --> 00:01:59,410
So with that, we got these options all set up.

25
00:01:59,430 --> 00:02:07,170
Now let's move on to the next navigator in line, which is the orders navigator just as before, alliterate

26
00:02:07,200 --> 00:02:15,480
a new consent orders stack navigator and call create Stack Navigator to create it and then export a

27
00:02:15,480 --> 00:02:17,190
constant orders.

28
00:02:18,330 --> 00:02:19,260
Navigator.

29
00:02:20,270 --> 00:02:21,620
Which now, actually.

30
00:02:23,730 --> 00:02:30,660
Holds a react component just as we have it here in the Products Navigator, which returns our stack

31
00:02:30,660 --> 00:02:32,630
set up for disk navigation stack.

32
00:02:33,210 --> 00:02:39,000
So here we have the orders Stack Navigator Navigator, which wraps all our screens that belong to the

33
00:02:39,000 --> 00:02:39,660
navigator.

34
00:02:40,140 --> 00:02:46,620
And therefore, here we have a screen component inside and we only have one screen in this stack which

35
00:02:46,620 --> 00:02:48,030
has a name of orders.

36
00:02:48,880 --> 00:02:50,140
And where do you.

37
00:02:51,100 --> 00:02:54,790
Orders component should be loaded, the orders screen component.

38
00:02:55,900 --> 00:03:01,360
And we got some configuration here, let's ignore the draw, Aykan, but regarding the default navigation

39
00:03:01,360 --> 00:03:07,390
options, we set those up on the Stack Navigator here with screen options and we simply point that the

40
00:03:07,390 --> 00:03:08,650
default nav options.

41
00:03:09,670 --> 00:03:15,610
Now for the screen specific options, let's check out the orders screen and they're at the bottom.

42
00:03:16,590 --> 00:03:22,410
We again have our navigation options object so we could explore a conscience here, a constant here

43
00:03:22,440 --> 00:03:25,800
screen options, which holds this function as a value.

44
00:03:28,440 --> 00:03:30,720
Now, let's go back to the.

45
00:03:31,670 --> 00:03:38,870
App Navigator to the Shop Navigator and import that from the orders, screen the screen options and

46
00:03:38,870 --> 00:03:42,050
give it give it an alias again to avoid name clashes.

47
00:03:42,470 --> 00:03:46,670
And that would be the orders, screen options here.

48
00:03:47,920 --> 00:03:58,060
And let's assign those here, so now down here to this screen, we can feed into options and use our

49
00:03:58,840 --> 00:04:03,100
orders, screen options here and that's this stack ported over.

50
00:04:07,140 --> 00:04:10,530
Now, for the Atman Navigator here, it'll be pretty much the same.

51
00:04:11,290 --> 00:04:18,990
We got our Atman STAC Navigator, which we create by calling create Stack Navigator and then we export

52
00:04:18,990 --> 00:04:28,620
our admin navigator here, which is a react component where we now return our admin stack navigator

53
00:04:28,620 --> 00:04:29,010
DOT.

54
00:04:29,970 --> 00:04:34,620
Navigator component, which wraps all the screens that belong to that stack.

55
00:04:35,610 --> 00:04:41,950
So here with dot screen, we create those screens and here we have two user products and added product.

56
00:04:42,480 --> 00:04:45,270
So first name is user products.

57
00:04:45,420 --> 00:04:53,520
The component there is the user products screen and we can duplicate this to also have our added product

58
00:04:53,520 --> 00:04:53,970
screen.

59
00:04:55,290 --> 00:05:00,950
Where we lowered the added products, green component eventually got to draw Eichen, which we can ignore,

60
00:05:01,020 --> 00:05:06,720
and the Devil NARTH options, which we now add here with the screen options, prop on the Stack Navigator

61
00:05:07,200 --> 00:05:12,800
Devil NAV options and for the screen specific options, we again have a look at those screens.

62
00:05:13,200 --> 00:05:19,710
So in the user products screen at the bottom, we again export this here.

63
00:05:20,780 --> 00:05:24,110
Screen options is dysfunction we have here at the bottom.

64
00:05:25,430 --> 00:05:30,560
And on the added product screen, we do the very same, we go down there.

65
00:05:31,710 --> 00:05:36,690
And export a constant screen options like this.

66
00:05:37,590 --> 00:05:43,890
Now, a year, by the way, we're still using parodist to have our summit function and to decide whether

67
00:05:43,890 --> 00:05:49,440
we're editing or adding, and that's something we'll adjust later, because now with respect, navigation

68
00:05:49,440 --> 00:05:57,450
five, we'll have a much nicer way of setting things in our screen specific configuration dynamically.

69
00:05:58,020 --> 00:06:00,990
We will no longer have to abuse Perens for that.

70
00:06:02,220 --> 00:06:06,330
But first of all, let's go back to the Shop Navigator and import our options there.

71
00:06:06,810 --> 00:06:15,990
So from user product screen, we import screen options as user products, screen options.

72
00:06:17,110 --> 00:06:25,150
And here we import screen options as added product screen options just like this.

73
00:06:27,150 --> 00:06:35,100
So we got that important, and now if we scroll down to our admin stack navigator here, we set up our

74
00:06:35,100 --> 00:06:38,430
options to use our products, screen options.

75
00:06:39,030 --> 00:06:43,050
And here we got our added product screen options.

76
00:06:43,470 --> 00:06:47,030
And that's that next on the draw.