我想使用堆栈的navigationOptions在header echo下放置一个materialTopTabNavigator

import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import { createMaterialTopTabNavigator } from 'react-navigation-tabs';

// 创建堆栈导航器
const StackNavigator = createStackNavigator(
  {
    Home: HomeScreen,
    Details: DetailsScreen,
    // 其他屏幕...
  },
  {
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: '#f4511e',
      },
      headerTintColor: '#fff',
      headerTitleStyle: {
        fontWeight: 'bold',
      },
    },
  }
);

// 创建materialTopTabNavigator
const TabNavigator = createMaterialTopTabNavigator(
  {
    Tab1: Tab1Screen,
    Tab2: Tab2Screen,
    // 其他选项卡...
  },
  {
    tabBarOptions: {
      activeTintColor: '#f4511e',
      inactiveTintColor: '#000',
      style: {
        backgroundColor: '#fff',
      },
      indicatorStyle: {
        backgroundColor: '#f4511e',
      },
    },
  }
);

// 将TabNavigator作为StackNavigator的一个屏幕
StackNavigator.navigationOptions = {
  headerTitle: 'My App',
  headerTitleStyle: {
    fontWeight: 'bold',
  },
  headerBottom: <TabNavigator />,
};

// 创建App容器
const AppContainer = createAppContainer(StackNavigator);

export default AppContainer;