So let's keep on reporting for that, let's go to the product detailed screen and there we also have
some options at the bottom.
Weizsäcker, though, here we can export this again as a constant named screen options.
And that holds our function here then.
And we do the same in the card screen.
So on the card screen, if we scroll down here, we export our constant screen options.
And here you see it's now actually not a function, but just an object.
This, however, should also work.
You don't necessarily need a function here.
With that back in the shop navigator, let's add that here on this detail screen.
With the options prop.
And also here.
On this screen now, we need to import these options, so from product detailed screening, we now also
import screen options.
And the problem will now face is that we now have a name clash, that screen options here and here.
We can fix this by citing an alias and giving this the product.
Detail, screen options, name, whatever you name you prefer, and then do the same for the card screen.
Here with the aski word, of course, should be the card.
Screen options, and to be consistent, I'll do the same for the product overview screen here.
It'll now be the product.
The products overview screen options, so if these imports add it here, I refer to the products overview
screen options here to the.
Product detail, screen options and here to the card screen options.
So with that, we got these options all set up.
Now let's move on to the next navigator in line, which is the orders navigator just as before, alliterate
a new consent orders stack navigator and call create Stack Navigator to create it and then export a
constant orders.
Navigator.
Which now, actually.
Holds a react component just as we have it here in the Products Navigator, which returns our stack
set up for disk navigation stack.
So here we have the orders Stack Navigator Navigator, which wraps all our screens that belong to the
navigator.
And therefore, here we have a screen component inside and we only have one screen in this stack which
has a name of orders.
And where do you.
Orders component should be loaded, the orders screen component.
And we got some configuration here, let's ignore the draw, Aykan, but regarding the default navigation
options, we set those up on the Stack Navigator here with screen options and we simply point that the
default nav options.
Now for the screen specific options, let's check out the orders screen and they're at the bottom.
We again have our navigation options object so we could explore a conscience here, a constant here
screen options, which holds this function as a value.
Now, let's go back to the.
App Navigator to the Shop Navigator and import that from the orders, screen the screen options and
give it give it an alias again to avoid name clashes.
And that would be the orders, screen options here.
And let's assign those here, so now down here to this screen, we can feed into options and use our
orders, screen options here and that's this stack ported over.
Now, for the Atman Navigator here, it'll be pretty much the same.
We got our Atman STAC Navigator, which we create by calling create Stack Navigator and then we export
our admin navigator here, which is a react component where we now return our admin stack navigator
DOT.
Navigator component, which wraps all the screens that belong to that stack.
So here with dot screen, we create those screens and here we have two user products and added product.
So first name is user products.
The component there is the user products screen and we can duplicate this to also have our added product
screen.
Where we lowered the added products, green component eventually got to draw Eichen, which we can ignore,
and the Devil NARTH options, which we now add here with the screen options, prop on the Stack Navigator
Devil NAV options and for the screen specific options, we again have a look at those screens.
So in the user products screen at the bottom, we again export this here.
Screen options is dysfunction we have here at the bottom.
And on the added product screen, we do the very same, we go down there.
And export a constant screen options like this.
Now, a year, by the way, we're still using parodist to have our summit function and to decide whether
we're editing or adding, and that's something we'll adjust later, because now with respect, navigation
five, we'll have a much nicer way of setting things in our screen specific configuration dynamically.
We will no longer have to abuse Perens for that.
But first of all, let's go back to the Shop Navigator and import our options there.
So from user product screen, we import screen options as user products, screen options.
And here we import screen options as added product screen options just like this.
So we got that important, and now if we scroll down to our admin stack navigator here, we set up our
options to use our products, screen options.
And here we got our added product screen options.
And that's that next on the draw.