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

Question

我在学习过程中解决了 react native 问题，遇到了一个奇怪的错误，它只显示 react native 渲染场景中的最后一个组件，我不知道要搜索什么类型的问题。如果已经有，请帮助我并引导我找到一些主题。

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,
  },
 },
});

该问题仅显示在应用程序中，并且未显示主屏幕新提要。

添加了渲染场景代码部分。

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