//在App.js中实现
import React from ‘react‘;import { StyleSheet, Text, View } from ‘react-native‘;import { StackNavigator, TabNavigator, TabBarBottom,} from ‘react-navigation‘;const MainView = TabNavigator({ MessageView:{screen:MessageView}, FriendView:{screen: FriendView}, MyView:{screen:MyView}, SetView:{screen:SetView},},{ tabBarComponent:TabBarBottom, tabBarPosition:‘bottom‘, swipeEnabled:false, tabBarOptions:{ // showLabel:false, style:{ height:70, } }});
//在你需要切换的页面实现
import React, { Component } from ‘react‘;import { View, Text, StyleSheet, Button, Image, Dimensions, FlatList,} from ‘react-native‘;export default class FriendView extends Component { static navigationOptions={ title:‘朋友‘, headerLeft:null, headerTitleStyle:{ alignSelf:‘center‘, }, tabBarIcon:({ focused, tintColor})=>{ if(focused==true){ return( <Image style={{width:40,height:40}} source={require(‘../assets/images/icon2.png‘)} /> ) }else { return( <Image style={{width:35,height:35}} source={require(‘../assets/images/icon3.png‘)} /> ) } } }
