React Native iOS和Android文件夹不存在

Question

我是新手做出反应原生，我在理解应用程序的文件夹结构时遇到了一些麻烦，应该在创建时应该出现在项目文件夹中。基本上，在使用npm创建项目时，我会获得一些启动文件（App.js等）和node_modules文件夹。我已经把它和expo一起运行了，它也创建了.expo文件夹。

但是，当我去反应官方文档或在git上查看插件/插件时，他们会多次谈论项目根目录中的android和iOS文件夹。但他们无处可见。然后我得到了一些提示，我可以安装并运行react-native-upgrade-git，据称会生成这些丢失的文件夹。但那也不起作用。

那么我错过了什么？这些文件夹位于哪里？

编辑：这是来自Youtube教程的屏幕转储，显示了我正在寻找的项目结构：

Answer 1

React Native之上的世博会之一就是你不会去Android或ios代码。世博会为您处理这些文件夹，您不需要与他们互动。你需要那些文件夹吗？如果是这样，你将不得不弹出。这是以下文档：Ejecting with ExpoKit

Answer 2

您可以通过运行：

来实现该项目结构

npm run eject

然而，它从Expo框架中移除了应用程序，这为Android / iOS代码增加了许多好处和抽象。

Answer 3

我认为如果您想使用ReactNative开发应用，请按照以下步骤开始：Getting Started use React Native。

如果您使用ReactNative创建项目，只需在您的终端上写下：

react-native init YourProjectName
cd YourProjectName
react-native run-ios //for iOS

我希望我的回答可以帮助您使用 ReactNative 创建项目。感谢..

Answer 4

尝试此操作以生成Android和iOS文件夹

react-native eject

react-native link

Answer 5

我想我迟到了，但如果您不想阅读任何文件，请按照以下步骤操作。

当使用expo创建反应本机项目时，

android和ios文件夹不存在。所以你必须从你的项目中分离expo来创建android和ios文件夹。

首先在app.json文件中添加所需的包名称

    ios: {
       bundleIdentifier: "com.yourcompany.yourappname",
    },
    android: {
       package: "com.yourcompany.yourappname",
    }

然后在终端

中运行命令

exp detach

成功执行命令后，您将找到android和ios文件夹

Answer 6

删除文件夹 android 和 ios

npm i react-native-eject
react-native eject

Answer 7

在本机开始安装反应中，运行 expo init YourProject 后，选择 minimum（Typescript）。之后，转到YourProject目录，不要运行npm start。但运行 npm运行android 。希望有帮助

Answer 8

这对我有用：转到“设置”，然后从“ Files：Exclude”中删除条目“ android”和“ ios”。不要忘记两种环境-用户和工作区。

删除工作区上的条目：

...与用户相同：

Answer 9

我必须运行expo eject。我之所以没有文件夹的背后原因是，由于某些依赖关系被破坏，我不得不将本机应用程序降级，然后导致构建失败。因此，我删除了ios和android文件夹，然后运行expo eject并解决了所有构建问题。请注意，我通过json包中的脚本使用了expo命令行，以便这些版本与我的项目使用的版本相匹配。

Answer 10

我知道的最简单的方式

1）从您当前的app.json中获取您的应用名称，假设名称为“ mynativeapp”

2）在当前项目文件夹之外的某个位置新建一个文件夹

3）从中开始：

react-native初始化mynativeapp

4）上面的命令将使android和ios文件夹在名称上与您的项目在内部兼容

5）将android / ios文件夹复制到您的项目文件夹中

现在，您可以尝试启动本机项目。我检查了Android版本：

react-native run-android

享受！

P.S。 “ react”：“ 16.9.0”，“ react-native”：“ 0.61.4”