How do I stop expo-router/drawer from rendering all routes?

[byoungdale]

I only want to have the screens defined inside Drawer to render in the drawer.

        <Drawer drawerContent={RootDrawerContent}>
          <Drawer.Screen
            name='index' // This is the name of the page and must match the url from root
            options={{
              drawerLabel: "Home",
              title: "overview",
              drawerIcon: ({ color, size }) => (
                <Ionicons name='home' color={color} size={size} />
              ),
            }}
          />
          <Drawer.Screen
            name='feed' // This is the name of the page and must match the url from root
            options={{
              drawerLabel: "Feed",
              title: "Feed",
              drawerIcon: ({ color, size }) => (
                <Ionicons name='trophy' color={color} size={size} />
              ),
            }}
          />
        </Drawer>

I have this layout in my app dir:

.
├── +html.tsx
├── [...missing].tsx
├── _layout.tsx
├── item
│   └── [id].tsx
├── feed
│   ├── _layout.tsx
│   └── index.tsx
└── index.tsx

And the [...missing].tsx and item/[id].tsx show up in the drawer. How do I stop that?

[kiingsway]

What worked for me was hide the route in style.

return (
  <Drawer drawerContent={RootDrawerContent}>
    
    {/* ... */}

    {/* Removing routes */}

    <Drawer.Screen
      name='[...missing]'
      options={{ drawerItemStyle: { display: 'none' } }}
    />

    <Drawer.Screen
      name='item/[id]'
      options={{ drawerItemStyle: { display: 'none' } }}
    />

  </Drawer>
);

[ohmsl]

Is that it? Is that the fix? Feels weird that it doesn't play nicely with expo-router. I would imagine dynamic routes wouldn't show up automatically on the drawer almost ever? Sucks if your app scales to quite a few routes too...

[Misterr-H]

yes it sucks