How to specify the order of screens in a tab layout?

[rememberlenny]

How do you set the tab order in the demo app example?

[trin4ik]

How do you set the tab order in the demo app example?

check file app/(root)/(tab).js
u can only export Tabs, like this:

import { Tabs } from "expo-router";
export default Tabs;

but this way automatically generated tabbars. if u need your own order, u need listed it in <Tabs> component, like:

import { Tabs } from "expo-router";
export default function Layout1() {
  return (
    <Tabs>
      <Tabs.Screen name="settings" />
      <Tabs.Screen name="index" />
    </Tabs>
  );
}

settings first, index last. but u not need listed all other tabs, because expo-router listed it automatically. finnaly, all u need to set specific tab first is just:

import { Tabs } from "expo-router";
export default function Layout1() {
  return (
    <Tabs>
      <Tabs.Screen name="settings" />
    </Tabs>
  );
}

[EvanBacon]

This behavior is currently outlined in the docs https://expo.github.io/router/docs/features/options open to PRs adding algolia search to the docs.

[mwmcode]

Not anymore, do you happen to know where the docs live today?

[rememberlenny]

Thank you