router-flux-blank-screen showing where initial screen should be

Version

Tell us which versions you are using:

• react-native-router-flux v4.?.? (v3 is not supported)
• react-native v0.54RC

Expected behaviour

Want to display initial screen defined in Routes.js

Actual behaviour

Showing only blank screen with container style inside and top bar colored to green. Routes.js

import React, {Component} 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 Component<{}> {
    render() {
        return (
            <Router>
                <Stack key="root" hideNavBar={true}>
                    <Scene key="login" component={Login} title="Přihlášení" initial={true}/>
                    <Scene key="register" component={SignUp} title="Registrace"/>
                </Stack>
            </Router>
        )
    }
}



App.js
`/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

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

import Routes from './src/Routes';

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

const styles = StyleSheet.create({
 container : {
   backgroundColor:'#9ccc65',
   flex:1,
   alignItems:'center',
   alignContent: 'center',
 }
});
`
### Steps to reproduce
For non-obvious bugs, please fork this component, modify Example project to reproduce your issue and include link here.
1.
2.
3.

<!-- Love react-native-router-flux? Please consider supporting our collective:
👉  https://opencollective.com/react-native-router-flux/donate -->

[chiragsheta]

Or you can do one thing just remove alignItems:'center', from style it will fix your problems.

[chiragsheta]

This is not working inside View use return <Routes /> insted of

return (
      <View style={styles.container}>
          <StatusBar
              backgroundColor="#6b9b37"
              barStyle="light-content"
          />
          <View style={{ flex:1 }}>
              <Routes />
          </View>
      </View>
    );