Приложение не рендерится при использовании Router-Flux |Ничего не отображается вместо фона

Question

Я пытаюсь отобразить страницу входа и регистрации, создав файл Routes.js и использовав React-Native-router-flux.Я также установил его с помощью NPM.

Но когда я импортирую оба файла Login.js и Registration.js в App.js, а затем пишу или в render (), он отображается без каких-либо проблем.Но когда я пытаюсь реализовать функцию маршрутизации через React-Native-router-flux, на моей странице просто отображается цвет фона вместо начальной страницы входа.

Пожалуйста, помогите.

Я также ищу по этому поводу в Интернете, но не смог дозвониться.

App.js

import React from 'react';
import { SafeAreaView, StyleSheet, View, StatusBar, Platform } from 'react-native';

//Import Router for Navigation
import Routes from './src/Routes';



export default class App extends React.Component {
  render() {
    return (
      <SafeAreaView style={{ flex: 1, backgroundColor: "#fff" }}>
        <View style={styles.container}>
          <StatusBar 
            barStyle = "light-content" 
            backgroundColor = "#1c313a"
          />
          <Routes/>
        </View>
      </SafeAreaView>
    );
  }
}

const styles = StyleSheet.create({
  container:{
    backgroundColor:'#455a64',
    flex:1,
    justifyContent: 'center',
    alignItems:'center',
    paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
  }
});

Routes.js

import React from 'react';
import {Router, Stack, Scene} from 'react-native-router-flux';
import Login from './pages/Login';
import Signup from './pages/Signup';

export default class Routes extends React.Component {
    render() {
      return (
        <Router>
            <Scene key="root" hideNavBar={true}>
                <Scene key="login" component={Login} title="Login" initial={true}/>
                <Scene key="signup" component={Signup} title="Register"/>
            </Scene>
        </Router>
      )
    }
  }

Ожидаемый результат:

Должна отображаться страница входа в систему, как я пометил initial = {true} в Routes.js