webapp/src/navigation/AppNavigator.tsx

32 lines
1.2 KiB
TypeScript
Raw Normal View History

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import TaskListScreen from '../screens/TaskListScreen';
import TaskEditScreen from '../screens/TaskEditScreen';
import RunScreen from '../screens/RunScreen';
import EditScreen from '../screens/EditScreen';
import SettingsScreen from '../screens/SettingsScreen';
const HomeStack = createStackNavigator();
const Tab = createBottomTabNavigator();
function HomeStackNavigator() {
return (
<HomeStack.Navigator>
<HomeStack.Screen name="TaskList" component={TaskListScreen} options={{ title: '任务列表' }} />
<HomeStack.Screen name="TaskEdit" component={TaskEditScreen} options={{ title: '编辑任务' }} />
</HomeStack.Navigator>
);
}
export default function AppNavigator() {
return (
<Tab.Navigator>
<Tab.Screen name="主页" component={HomeStackNavigator} options={{ headerShown: false }} />
<Tab.Screen name="运行" component={RunScreen} />
<Tab.Screen name="编辑" component={EditScreen} />
<Tab.Screen name="设置" component={SettingsScreen} />
</Tab.Navigator>
);
}