index.tsx

// 底部tab路由配置
import React from 'react'
import { BottomTabNavigationOptions, createBottomTabNavigator } from '@react-navigation/bottom-tabs'
import { APP } from '../../config'
import Home from '../../views/home'

const Tab = createBottomTabNavigator() // 创建tab栈堆

/** 选项配置函数 */
const tabScreen = ({ route }): BottomTabNavigationOptions => ({
    tabBarIcon: (): React.ReactNode | null => {
        switch (route.name) {
            case 'home':
                return null
            default:
                return null
        }
    }
})


const TabRoute: React.FC = () => {
    return (
        <Tab.Navigator backBehavior={'none'} screenOptions={tabScreen} tabBarOptions={APP.tabConfig}>
            <Tab.Screen options={{ title: '首页' }} name="home" component={Home} />
        </Tab.Navigator>
    )
}


export default TabRoute