Как добавить заголовок над Tabnav

Question

Как этот ..

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

const tabnavigator = createMaterialTopTabNavigator({
  Home:{
      screen:HomeStack,
      navigationOptions:{
        //tabBarLabel:'Home',
        tabBarIcon: ({tintColor,focused}) =>(

             <Image style={{width:18,height:20}} source={image = focused? require('../images/Icons/HomeIcons/homered3x.png') : require('../images/Icons/HomeIcons/home3x.png')}/>

        ),
      }
  },
  Packages:{
      screen:PackagesStack,
      navigationOptions:{
        //tabBarLabel:'Packages',
        tabBarIcon:({tintColor,focused})=>(

            <Image style={{width:15,height:20}} source={image = focused? require('../images/Icons/HomeIcons/packagesred3x.png') : require('../images/Icons/HomeIcons/packages3x.png')}/>

        )


      }

  }
},{tabBarOptions:{showLabel:false,showIcon:true,tabStyle:{backgroundColor:'white'}}});

const tabnav = createAppContainer(tabnavigator);


export default tabnav;