index.js

// 路由配置
import React from 'react'
import { createStackNavigator } from '@react-navigation/stack'
import { headerStyle } from '../../commo/theme'
import { TabRouter } from '../tab'
import { Error404 } from '../../views/error/404'
import Login from '../../views/login'
import Shopping from '../../views/shopping'
import Play from '../../views/play'

const Stack = createStackNavigator()

const Route: () => React$Node = () => {
    return (
        <Stack.Navigator initialRouteName="Index" screenOptions={{ ...headerStyle }} mode={ 'card' } >
            <Stack.Screen options={{ headerShown: false }} name="Index" component={ TabRouter } />
            <Stack.Screen name="Error_404" component={ Error404 } />
            <Stack.Screen name="login" options={{ title: '登陆' }} component={ Login } />
            <Stack.Screen name="shopping" options={{ title: '商品详情' }} component={ Shopping } />
            <Stack.Screen name="play" options={{ title: '支付' }} component={ Play } />
        </Stack.Navigator>
    )
}

export { Route }