推荐项目:Expo Router - 文件驱动的React Native路由解决方案
Expo Router 是一个库,它提供了一种简单的方法来管理 React Native 应用中的路由和屏幕导航。以下是如何使用 Expo Router 的一个基本示例:
首先,安装 Expo Router:
expo install expo-router
然后,你可以在你的应用中这样使用它:
import React from 'react';
import { View, Text } from 'react-native';
import { Router, Route } from 'expo-router';
// 定义你的屏幕组件
const HomeScreen = () => <Text>Home Screen</Text>;
const ProfileScreen = () => <Text>Profile Screen</Text>;
const App = () => {
return (
<Router>
<Route path="/" element={<HomeScreen />} />
<Route path="/profile" element={<ProfileScreen />} />
</Router>
);
};
export default App;
在这个例子中,Router
组件定义了应用的导航路由,每个 Route
定义了一个路径和与之关联的屏幕组件。当用户访问 /
路径时,会渲染 HomeScreen
,访问 /profile
路径时,会渲染 ProfileScreen
。这是一个简单的路由解决方案,适用于小型应用。
评论已关闭