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;

创建完这些文件后。当我点击expo start --android时，它不会在模拟器上加载任何内容。它只是停留在加载屏幕上。有人可以帮我解决这个问题吗？谢谢！！！

Answer 1

尝试添加初始路线

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

});

使用React Navigation后，未加载React本机应用程序

1 个答案: