代碼如下：

import {createStackNavigator, createAppContainer, createBottomTabNavigator} from "react-navigation";
import HomeScreen from "../pages/home";
import MineScreen from "../pages/mine";
import DetailsScreen from "../pages/details";
// import React from 'react';

import TabIconBottom from "../components/init/tab_bottom";

const homeNavigator = createStackNavigator(
  {
    Home: HomeScreen,
    Details: DetailsScreen,

  }
);

const mineNavigator = createStackNavigator(
  {
    Mine:MineScreen
  }
);

const bottomNavigator = createBottomTabNavigator(
  {
    TabHome: {
      screen:homeNavigator,
      navigationOptions:{
        tabBarIcon:({title,focused})=>{
          return <TabIconBottom/>
        }
      }

    },
    TabMine:mineNavigator
  },
  {
    initialRouteName: 'TabHome',
  }
);

export default createAppContainer(bottomNavigator);

報錯信息：

image.png

出錯原因：在代碼中使用了TabIconBottom,這是jsx語法，必須引入React
解決辦法：將頭部的注釋打開即可

import React from 'react';