index.js

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

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

/** 选项配置函数 */
const tabScreen = ({ route }) => ({
  tabBarIcon: ({ focused, size }) => {
    switch (route.name) {
      case 'home':
        return null
    }
  }
})


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


export default TabRoute