Expo 的页面路由与动态路由（expo-router）

import { router } from 'expo-router';
import { Button } from 'react-native';
 
export default function Index() {
 
	return (
		<>
			<Button
				title="Go to Home"
				onPress={() => router.push('/home')}
			/>
			<Button
				title="Go to Setting"
				onPress={() => router.push('/setting')}
			/>
		</>
	);
}

import { router } from 'expo-router';
import { Button } from 'react-native';
 
export default function Index() {
 
	return (
		<>
			<Button
				title="Go to User"
				onPress={() => router.push('/user/1')}
			/>
		</>
	);
}

import { useLocalSearchParams } from 'expo-router';
import { Text, View } from 'react-native';
 
export default function User() {
  const { id } = useLocalSearchParams();
 
	return (
		<View>
			<Text>{id}</Text>
		</View>
	);
}

import { useLocalSearchParams } from 'expo-router';
import { Text, View } from 'react-native';
 
export default function MyPage() {
	const { id } = useLocalSearchParams<{ id: string }>();
	return (
		<View>
			<Text>{id}</Text>
		</View>
	);
}