How to use with Expo Router?

[fredrikburmester]

As the title says, how would I use this with Expo Router? How to work with layouts and pages? Thanks!

[okwasniewski]

You can find instructions here:

https://x.com/baconbrix/status/1843654478232531395?s=46&t=D61Tja_PFq4BVo_6xmK5bQ

Here is the link to Example Repo:

https://github.com/EvanBacon/expo-router-react-native-bottom-tabs

It should land in the docs soon

[fredrikburmester]

Hey, thanks for the quick answer, it seems to work somewhat (see image below),

1. How do i fill the screen, so it goes up behind the status bar?

2. I don't know if this is related but i get this type error and therefore no completions.

[okwasniewski]

Hey #23 this PR should fix types issues

[okwasniewski]

Are you using the latest version (0.0.7)? It should have correct typings.

What's your structure to embed the top bar? Can you provide a minimal reproducible example? Probably we will need a prop like ignoreSafeAreaInsets

[fredrikburmester]

Yes i'm using 0.0.7.

No I don't have a MRE, could try to produce one later this week though if you still need it.

[fredrikburmester]

Ok so I used your example in the PR instad of Evans and now I have the types in the NativeTab, but still got the typescript error in vscode.

[fredrikburmester]

There are also some wrong types in the tabBarIcon: