javascript - react-native-router-flux 不显示 React Native 路由

Question

我是使用 react native 进行应用程序开发的新手。在我的 App.js 中，我导入了 Routes.js，其中我使用了 react-native-router-flux。不知何故，没有显示 Routes。但是，当我删除 alignItems:'center' 时，背景颜色会消失，但实际上会显示路线。如何使应用程序同时具有路线和背景颜色？

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

import Routes from './src/Routes';
const App = ()=> {

  return (
    <View style={styles.container}>
      <StatusBar
        backgroundColor="#1c313a"
        barStyle="light-content"
      />
      <Routes />
    </View>


  );

};

const styles = StyleSheet.create({
  container:{
    backgroundColor:'#455a64',
    flex:1,
    alignItems:'center',
    justifyContent:'center',
  }
});


export default App;

路线.js：

import React, {useState} from 'react';
import {Router, Stack, Scene} from 'react-native-router-flux';

import Login from './pages/Login';
import Signup from './pages/Signup';
const Routes = ()=> {
    return(
        <Router>
            <Stack key="root">
                <Scene key="login" component={Login} title="Login" initial={true}/>
                <Scene key="register" component={Signup} title="Register" />
            </Stack>
        </Router>
    );

};


export default Routes;

使用 alignItems:'center'

使用 alignItems:'center' 时，背景颜色会消失，并且由于背景颜色而无法看到文本

标签： javascriptreactjsreact-nativereact-native-androidreact-native-navigation