React native 如何在选项卡导航器中使用选项卡导航器？

我对React Native很陌生，并尝试创建一个我想使用2选项卡导航器的应用程序；外部卡舌和内部卡舌

储罐、警报和设置的外部选项卡。。。 “地图视图”和“列表视图”的“储罐内部”选项卡

export default class Home extends Component {
static navigationOptions = {
    header:null
};

constructor(props) {
    super(props);
    this.state = {
    }
}

render() {
    return (
        <MyApp/>
    );
}
}
export const MyApp = TabNavigator({

tanks: {
screen: TanksScreen
},
alerts: {
screen: AlertScreen
},
 Settings: {
    screen: SettingScreen
 },
},

导出默认类主扩展组件{
静态导航选项={
标题：空
};
建造师（道具）{
超级（道具）；
此.state={
}
}
render（）{
返回(
);
}
}
export const MyApp=TabNavigator({
坦克：{
屏幕：坦克屏幕
},
警报：{
屏幕：警报屏幕
},
设置：{
屏幕：设置屏幕
},
},

下面是Tankscreen中的代码

export default class TanksScreen extends Component {
static navigationOptions = {
header:null
};

constructor(props) {
  super(props);
  this.state = {
  }
}
render() {
  return (
      <MapsView/>
  );
}
}
export const MapsView = TabNavigator({

Map: {
 screen: MapsScreen,
},
List: {
 screen: ListScreen,
},
},

导出默认类tankscreen扩展组件{
静态导航选项={
标题：空
};
建造师（道具）{
超级（道具）；
此.state={
}
}
render（）{
返回(
);
}
}
导出常量MapsView=TabNavigator({
地图：{
屏幕：MapsScreen，
},
名单：{
屏幕：列表屏幕，
},
},

通过使用上面的代码，我能够获得外部选项卡导航器的全部功能，但当涉及到内部选项卡时，该选项卡既不会导航到listview屏幕，也不会在mapsview中呈现任何文本或ui组件

---

我做错了什么吗？或者有什么方法可以满足这个要求。请提前感谢因为您的

tankscreen

组件只返回内部选项卡，您可以直接将它们插入外部选项卡，这应该可以解决问题

export const MyApp = TabNavigator({
  tanks: {
    screen: MapsView
  },
  alerts: {
    screen: AlertScreen
  },
  Settings: {
    screen: SettingScreen
  },
}

---

使用lazyLoad帮助我解决了我的问题。无论如何，你的回答也提供了一个使用mapsView的简单方法。谢谢@nimarod