RN 底部导航+图标

import React from “react”;
import { createBottomTabNavigator } from “react-navigation”;
import Ionicons from “react-native-vector-icons/Ionicons”;
import My from “…/My”;
import Publish from “…/Publish”;
import TopNav from “./TopNav”;

const ButtomNav = createBottomTabNavigator(
{
TopNav: {
screen: TopNav,
navigationOptions: {
title: “帖子”
}
},
Publish: {
screen: Publish,
navigationOptions: {
title: “发布”
}
},
My: {
screen: My,
navigationOptions: {
title: “我的”
}
}
},
{
navigationOptions: ({ navigation }) => ({
tabBarIcon: ({ focused, tintColor }) => {
const { routeName } = navigation.state;
let iconName;
if (routeName === “TopNav”) {
//切换不同的图标
iconName =