react-native 使用TabNavigator

import {
  StackNavigator,
  TabNavigator,
} from 'react-navigation';

const MyTab = TabNavigator({
    List: {screen: List, navigationOptions: {  
        tabBarLabel: '列表',  
        tabBarIcon: ({ tintColor, focused }) => (  
            <Image resizeMode='contain'  
                source={require('./img/activity.png')}  
                style={[styles.footImage, {tintColor: tintColor}]}  
            />  
        )  
    }},  
    Cinerms: {screen: Cinerms, navigationOptions: {  
        tabBarLabel: '电影',  
        tabBarIcon: ({ tintColor, focused }) => (  
            <Image resizeMode='contain'  
                source={require('./img/document.png')}  
                style={[styles.footImage, {tintColor: tintColor}]}  
            />  
        )  
    }},
    MyMovies: {screen: MyMovies, navigationOptions: {  
        tabBarLabel: '我的',  
        tabBarIcon: ({ tintColor, focused }) => (  
            <Image resizeMode='contain'  
                source={require('./img/addpeople.png')}  
                style={[styles.footImage, {tintColor: tintColor}]}  
            />  
        )  
    }},
}, {
  tabBarPosition: 'bottom',
  tabBarOptions: {
    showIcon: true,
    activeTintColor: '#0390eb',
    inactiveTintColor: 'white',
    labelStyle: {
        fontSize: 11,  
        paddingVertical: 0,  
        marginTop: -4,
    },
    style: {
        height: 45,  
        backgroundColor: '#222',  
        zIndex: 0,  
        position: 'relative' 
    },
    tabStyle: {  
        backgroundColor: '#222',  
    },  
    indicatorStyle: {
        backgroundColor: '#222',  
    }
  }
});

TabNavigatorConfig