Dynamic number of routes?

[likeSo]

We know that expo router is a file-based routing system, so what if the number of pages in my tab is dynamic?

For example, I have a top tab navigator, and the screens of this navigator are dynamic, maybe only 1, or maybe 10

[likeSo]

For now, i cannot use route layouts, i have to use React Native Tab View and create a tab view manually

[likeSo]

I am using React Navigation's Material Top Tab Navigator to achieve this:

      <TopTab.Navigator
          screenOptions={{
            tabBarGap: 12,
            tabBarItemStyle: { width: 'auto' },
            tabBarScrollEnabled: true,
          }}
        >
          {taskList.map((value, index) => {
            return (
              <TopTab.Screen
                name={value.stop}
                component={TaskList}
                options={{ lazy: index > 1 }}
                initialParams={{ taskInfo: value }}
                key={index.toString()}
              />
            );
          })}
        </TopTab.Navigator>

But i got a new problem:

But the URL seems like not correct and will lose the initialParams once change the tab

URL:
http://localhost:19000/?taskInfo=%5Bobject%20Object%5D&initial=true&path=%2F&screen=index

First time:

After change the tab:

My initialParams are gone!

[wcastand]

can't use https://expo.github.io/router/docs/features/routing#dynamic-routes ?
From your code, the component is always the same so only the name changes, which let me think you can use a dynamic route.

[likeSo]

I need to generate routes based on my data. For example, the tabs inside my Top Tab Bar Navigator, are dynamic, maybe only 1 tab, or maybe 100