Как установить значок TabNavigator под заголовком StackNavigator?

#react-native #tabs

#реагировать-родной #вкладки #react-native

Вопрос:

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

 const HomeStack = createStackNavigator({
  Home: { screen: Home,navigationOptions: {headerStyle: {
            backgroundColor: '#222222',},headerTintColor: 'white',headerTitle:'title1',headerBackTitle: ' '} },
});
const OtherStack = createStackNavigator({
    Other: { screen: Other,navigationOptions: {headerStyle: {
              backgroundColor: '#222222'},headerTintColor: 'white',headerTitle:'title2'} }
}); 
const MainScreenNavigator = TabNavigator(
  {
    Home: {screen : HomeStack},
    Other: {screen : OtherStack},
  },
  {

    tabBarComponent: props => {

      return (
        <View>
        <Footer>
          <FooterTab>
            <Button 1/>
            <Button 2/> 
          </FooterTab>
        </Footer>
        </View>

      );
    }
  });