如何在android studio中导入react Native项目

Question

我开始使用

atom

文本编辑器开发 Android 应用程序。只要我用 JS 和 JSX 编写代码，它就可以正常工作。

我必须执行React Native中不可用的功能，所以我需要编写Java代码，如https://facebook.github.io/react-native/docs/native-modules-android.html

ToastModule.java

package com.facebook.react.modules.toast;

import android.widget.Toast;

import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;

import java.util.Map;

public class ToastModule extends ReactContextBaseJavaModule {

  private static final String DURATION_SHORT_KEY = "SHORT";
  private static final String DURATION_LONG_KEY = "LONG";

  public ToastModule(ReactApplicationContext reactContext) {
    super(reactContext);
  }
}

我不想在

atom

中编写 Java 代码，因为建议不起作用。我们可以在 android studio 中导入我们的 React Native 项目吗，其中所有内置的 React Native 类都可用，这样我就可以在编写代码时获得类/方法的建议。

有什么办法可以做到这一点吗？

Answer 1

转到 Android Studio--> 然后打开 RN 项目的 Android 文件夹

如果您需要代码建议，Android Studio 将在您打字时为您提供帮助;)

Answer 2

是的，只需打开android studio即可。然后打开现有的 Android Studio 项目，选择 React Native 项目的 android 文件夹。

Answer 3

简短：您必须打开React Native项目

的

android目录（不是根项目）。

长：

https://stackoverflow.com/a/77912567/9308731

这将使用其 gradle 和 java 代码对根应用程序和模块进行分类。

您可以直接从 Android Studio 运行应用程序并进行调试

步骤：

1. 在您的 Android 工作室中转到

   File > Open Project

2. 选择 React Native 项目的“android”文件夹。
   不要打开根项目

3. 点击“确定”并同步项目

查看截图：

现在studio将识别根项目的gradle以及node_modules目录中存在的npm模块。

项目将被很好地分类。这有助于修改节点模块：