渲染场景仅显示最后一个组件

Question

我正在努力学习过程中的原生反应，我遇到了一个奇怪的错误，它只显示渲染场景中的最后一个组件本地反应，我不知道搜索谷歌这个问题的类型。请帮助我并引导我找到一些话题，如果有的话。

render() {
return (

  <Provider store={store}>

     <Navigator
      initialRoute={{ name: 'mainScreen' }}          
      configureScene={(route, routeStack) => Navigator.SceneConfigs.FloatFromBottom}          
      renderScene={RouteMapper}
    />



  </Provider>, <BottomBar />
 );
}

这是底栏组件代码。

export const BottomBar= TabNavigator({
Home: {
    screen: Home,
  },
},
Settings: {
    screen: Settings,
  },
 },
});

问题只出现在应用程序中，并且主屏幕新馈送没有显示。

添加了renderscene代码部分。

const RouteMapper = (route, navigator) => {
 if (route.name === 'mainScreen') {
return (
  <main navigator={navigator} />
);
} 
};