https://github.com/HeavenOSK/expo-router-challenge

WebフレームワークのNext.jsのようなファイルシステムベースのルーティングをReact Nativeアプリにもたらします
https://docs.expo.dev/router/introduction/

Flutter も結局 Web に対応するために、同じようなアプローチ取ってたな

ExpoチームがReact Navigation上に独自のファイルベースルーティングの仕層を実装しているため、低レベルではReact Navigationの機能がそのまま活用されています

これにより、開発者はナビゲーションのためのボイラープレートコードを書く手間が省け、ファイルを追加・移動するだけでルーティングを管理できるようになりました

ファイルシステムのルーティングがあるのに、Layout ファイルに Stack で細かくルーティングが書いてあるのが謎だったけど、Navigation に関連する設定のために書いてるらしい。これが一番意味わからんかも。

export default function RootLayout() {
	return (
		<Stack screenOptions={{ headerTitle: "My App" }}>
			{/* 子画面がここにレンダリングされる */}
			<Stack.Screen name="index" options={{ headerTitle: "ホーム-Fixed" }} />
			<Stack.Screen name="about" options={{ headerTitle: "About" }} />
		</Stack>
	);
}