如何定义反应原生应用程序的入口点

Question

我刚刚开始使用 react native，并使用 create-react-native-app 创建了一个基础应用程序。

我进行了一些重组并创建了一些新文件夹并将 App.js 重命名为 Home.js。我修改了 app.json 以包含一个引用新的 Home.js 文件的入口点。当我加载应用程序时，没有任何反应。没有错误，它只是停留在博览会屏幕上。

 .
 -components
 -screens
    -Home
        Home.js
 -config
 -node_modules
 -tests
 app.json

app.json 文件：

 {
  "expo": {
    "sdkVersion" : "23.0.0",
    "entryPoint" : "./screens/Home/Home.js"
  }
}

你如何定义应用程序的入口点？

原文由 TemporaryFix 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您使用 Expo，则必须在 app.json 文件中指定入口点，如下所示：

 {
  "expo": {
    "entryPoint": "./src/app/index.js"
  }
}

然后，在该文件中，您需要使用 Expo.registerRootComponent(YOUR_MAIN_APP_COMPONENT)

 import Expo from 'expo'
...

class App extends Component {
  ...
}

export default Expo.registerRootComponent(App);

这样你就可以在任何你想要的地方添加你的入口文件。

原文由 Horacio Herrera 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我通过 react-native-script 创建了项目。在应用程序（App.js）的默认入口点中，您导出从您的条目导入的应用程序。

 - node_modules
- App.js
- build
    - main.js

文件 App.js：

 import App from './build/main'
export default App

原文由 HungCung 发布，翻译遵循 CC BY-SA 3.0 许可协议