Как добавить заголовок в конкретной странице в реагировать родной

Question

все, что я хочу добавить заголовок на определенных страницах в коде ниже, я хочу добавить заголовок с именем учетной записи:

import React from 'react';  
import {StyleSheet, Text, View,Button} from 'react-native';  
import { createAppContainer } from 'react-navigation';  
import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs';  
import Icon from 'react-native-vector-icons/Ionicons';
import Account from './screens/account';
import Home from './screens/home';

class HomeScreen extends React.Component {  
  render() {  
    return (  
        <View style={styles.container}>  
          <Home />  
        </View>  
    );  
  }  
}  

class AccountScreen extends React.Component {  
    render() {  
        return (  
            <View style={styles.container}>  
                <Account /> 
            </View>  
        );  
    }  
}  
const styles = StyleSheet.create({  
    container: {  
        flex: 1,  
        justifyContent: 'center',  
        alignItems: 'center'  
    },  
});  

const TabNavigator = createMaterialBottomTabNavigator(  
    {  
        Home: { screen: HomeScreen,  
            navigationOptions:{  
                tabBarLabel:'Home',  
                tabBarIcon: ({ tintColor }) => (  
                    <View>  
                        <Icon style={[{color: tintColor}]} size={25} name={'ios-home'}/>  
                    </View>),  
            }  
        },  

        Account: {  
            screen: AccountScreen,  
            navigationOptions:{  
                tabBarLabel:'Account',  
                tabBarIcon: ({ tintColor }) => (  
                    <View>  
                        <Icon style={[{color: tintColor}]} size={25} name={'ios-person'}/>  
                    </View>),  
                    header: 'Account'
            }  
        },  
    },  
    {  
      initialRouteName: "Home",  
      activeColor: '#f0edf6',  
      inactiveColor: '#226557',  
      barStyle: { backgroundColor: '#3BAD87' },  
    },  
);  

export default createAppContainer(TabNavigator);

Может кто-нибудь помочь мне выяснить это, я новичок, чтобы реагировать так было бы здорово, если бы кто-то реорганизовал код. Я пробовал блоги, но это не ясно, и я получаю ошибки.