如何将 React-Native 项目集成到 Android-Studio？

Posted 2023-02-23

【中文标题】如何将 React-Native 项目集成到 Android-Studio？

【英文标题】：How to Integrate the React-Native project to Android-Studio?

【发布时间】：2017-06-24 09:16:42

【问题描述】：

我曾尝试将 react-native 项目导入到 android studio， 但“index.android.js”文件未显示在 android-studio IDE 中。 那我该怎么办？

【参考方案1】：

您只需要导入“android”文件夹。

【讨论】：

是的，我只导入了 android 文件夹。但 index.android.js 文件未在 IDE 中显示。 @santosh

它不会显示 index.android.js。它位于根文件夹

然后你需要去文件并从Android Studio打开现有文件（index.android.js）

看，index.android.js 是一个 java 脚本文件，那你为什么不用 Atom 和 Sublime 之类的 JS 编辑器来编辑 js 文件呢？

OP 是否可能正在寻找正确的答案，即在 Android Studio 之外编写所有 javascript 文件？我知道你是在暗示.. 或者至少看起来。我还没有尝试过，但我的假设是我假设 OP 是（JavaScript 也可以在 Android Studio 中管理）。你能为团结的人澄清一下吗？

【参考方案2】：

为了能够看到根项目文件，您需要将“查看模式”从“Android”（仅用于原生 Android 开发）更改为“项目”，这是通用项目类型的模式，所有文件将与您通过文件夹访问它们时的位置完全相同

简单的屏幕截图：

【讨论】：

你能在 Android Studio 中使用 react native 吗？

是的，逻辑：如果你可以在 Sublime 中做到这一点，那么为什么不在 Android Studio 中呢！您可以从终端发出命令并将 js 文件从 root 导入 Studio 并在那里进行编辑。 IntelliJ IDE 也支持 .js 文件。

【参考方案3】：

在创建 React Native 项目时，默认会创建一个 android 文件夹。您应该打开 Android Studio 并转到文件菜单，然后单击打开，然后选择此文件：

React Native 项目根文件夹 -> android -> app -> build.gradle

然后您应该看到项目设置过程，最后项目将打开。

【讨论】：

React 本机项目也通过 File->New->Import Project 在 IDE 中打开。但我想要 IDE 中的 index.android.js 文件。我只想从 IDE 编辑这个文件。@Akhi 谢谢。

您可以将此文件拖放到 Android Studio 中作为选项卡。不过，编辑 .js 文件需要权限。

但我也想看到 Android 项目中的根文件夹，就像我看到其他模块一样，并且不应该为此更改根目录中的文件位置。但这应该仅用于浏览目的。它不应包含在要编译为源文件夹的文件夹中。