Expo Router integration: cannot set screen options / header for Stack index screen

[archer3cl]

I’m using the Expo Router integration for this sheet package. The integration requires the first item to be: <Sheet.Screen name="index" />

After switching to this setup, I can’t update screen options for the index route in the ways that normally work with Expo Router

• Adding a <Stack.Screen options={...} /> inside the screen component doesn’t apply.
• Calling navigation.setOptions(...) also doesn’t apply.

My goal is to dynamically update the header title based on fetched data (e.g. after loading an entity name).

Is there a recommended pattern for setting header / screenOptions with this integration, specifically for the index route inside the sheet stack? If this is a limitation of how the integration registers index, I’d like to confirm what the intended approach is (or where the options should be configured instead).

[lodev09]

See this guide for example. Make your regular expo-router stack as the sheet navigator's main screen.

[archer3cl]

Thanks for the info. Seems I failed to mention I'm using withLayoutContext set up as described in the docs.

[archer3cl]

Hi again, maybe I wasn't clear on my previous response.
Since I'm using withLayoutContext I cannot use the recommended setup on the link you shared, so my issue is still not resolved.
Any alternatives I could check?

this guide is my current setup with the difference on being in a nested folder /app/items/ with a _layout.tsx on /app/ defining the Stack.Screen

[lodev09]

expo router or not, it's the same setup. I suggest you look at example/expo in this repo. It's like this:

(home) is a separate stack that you can then add options yourself