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

Posted 2023-02-23

【中文标题】如何在android studio中导入react native项目

【英文标题】：How to import react native project in android studio

【发布时间】：2017-09-23 08:46:05

【问题描述】：

我开始使用atom 文本编辑器开发安卓应用程序。只要我用 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 类都可用，这样我就可以在编写代码时对类/方法提出建议。

有什么办法吗？

【参考方案1】：

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

如果您需要代码建议，Android Studio 会在您输入时为您提供帮助；)

【讨论】：

如果是使用npm构建的react native，并且不是Android studio项目的模板，可以正常工作吗？那么导入项目选项是什么？

没有这样的文件或目录...没有目录... /android/src in react native 项目

@AjayMistry，您一定是使用“react-native-cli”而不是 Expo 创建了一个项目。 Expo 项目没有“android”文件夹

有 android 文件夹，但我找不到那个 src 文件夹

我们可以从 android studio 运行 android 模块吗？假设在这个 toast 示例中，我们如何使用 android studio 测试持续时间是短还是长？我们需要运行 react 原生应用吗？

【参考方案2】：

是的，只需打开 android studio。然后打开一个现有的 Android Studio 项目，选择你的 react native 项目的 android 文件夹。

【讨论】：

我必须从 ResourceManager 执行 forceSync 才能让 androidStudio 设置项目。默认情况下它没有这样做。

当我尝试从 AndroidStudio 运行项目时，它说：“reactnative”在构建控制台上找不到。