После использования реагирует навигация реагирует, нативное приложение не загружается

Question

У меня проблема с этим.Я очень новичок в реакции-родной.Я строю реагировать родное приложение.Там я использовал навигацию React.

Это мой файл pakage.json.

{
  "name": "empty-project-template",
  "main": "node_modules/expo/AppEntry.js",
  "private": true,
  "scripts": {
    "start": "expo start",
    "eject": "expo eject",
    "android": "expo start --android",
    "ios": "expo start --ios"
  },
  "dependencies": {
    "expo": "^30.0.1",
    "react": "16.3.1",
    "react-native": "^0.57.3",
    "react-navigation": "^3.0.0-alpha.6"
  }
}

Это мой файл App.js.

import React from 'react';
import Route from './src/routes';


export default class App extends React.Component {
  render() {
    return (
      <Route/>
    );
  }
}

И тамЯ создал файл Home.js.

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

export default class Home extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        Add friends here!
      </View>
    );
  }
}

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

Там я создал файл route.js, подобный следующему.

import { createStackNavigator } from 'react-navigation';
import HomeScreen from './components/Home';

const Route = createStackNavigator({
    Home: { screen: HomeScreen }
});

export default  Route;

После создания этих файлов. Когда я нажимаю начало выставки -андроид ничего не грузит на симуляторе.Он просто застрял на экране загрузки.Может ли кто-нибудь помочь мне решить эту проблему?Спасибо !!!

Answer 1

Попробуйте добавить начальный маршрут

const Route = createStackNavigator({
    Home: { screen: HomeScreen }
},
{
   initialRouteName: "Home",

});