底部导航栏属性解析

const BottomNav = createBottomTabNavigator(

  {

    Shouye: {

      screen: Shouye,

      navigationOptions: {

        title: "首页",

//自定义图片

        tabBarIcon: ({ focused, tintColor }) => {

          return (

            <Image

              style={{ width: 30, height: 30 }}

              source={require("./ima/cc.png")}

            />

          );

        }

      }

    },

    TopNav: {

      screen: TopNav,

      navigationOptions: {

        title: "首页",

        tabBarIcon: ({ focused, tintColor }) => {

          return (

            <Image

              style={{ width: 30, height: 30 }}

              source={require("./ima/bb.png")}

            />

          );

        }

      }

    },

    Wode: {

      screen: Wode,

      navigationOptions: {

        title: "首页",

        tabBarIcon: ({ focused, tintColor }) => {

          return (

            <Image

              style={{ width: 30, height: 30 }}

              source={require("./ima/a.png")}

            />

          );

        }

      }

    }

  },

//按下状态

  {

    tabBarOptions: {

      activeTintColor: "#0000FF",

      inactiveTintColor: "gray",

      activeBackgroundColor: "#00FF00",

      inactiveBackgroundColor: "#FF0000"

    }

  }

);

export default BottomNav;