ReactNative实现tab标签组合

createMaterialTopTabNavigator 上面部分存在其他组件如何处理

默认 createMaterialTopTabNavigator 会置顶顶部同时生成样式很丑的tab标签,如何在tab标签上面部分添加自定义内容（组件）并且改掉默认样式呢

MaterialTopTabNavigator 可以和 StackNavigator 互相嵌套使用

export default createStackNavigator(
  {
    Home: {
      screen: createMaterialTopTabNavigator({
        Home: {
          screen: HomeScreen,
          navigationOptions: {
            title: '登录'
          }
        },
        Settings: {
          screen: SettingsScreen,
          navigationOptions: {
            title: '注册'
          }
        }
      }, {
        initialRouteName: 'Home',
        lazy: true,
        upperCaseLabel: false,
        tabBarOptions: {
          style: {
            backgroundColor: '#e9e9ef',
            elevation: 0 // 去掉安卓默认的阴影
          },
          tabStyle: {
            backgroundColor: '#e9e9ef',
            borderBottomColor: '#3aaff6',
            borderBottomWidth: 1,
          },
          indicatorStyle: {
            height: 0, // 去掉下划线
            borderBottomWidth: 0 // 去掉下划线
          },
          labelStyle: {
            fontSize: 14,
            color: '#000'
          },
        },
      }),
      navigationOptions: {
        header: <MyHeader/>, // 关键： tab标签上部分的组件
      }
    },
  },
  {
    initialRouteName: 'Home',
  }
)