How to import react native project in android studio

Question

I started development of the android application using atom text editor. It is working fine as long I am writing code in JS and JSX.

I have to do functionality which is not available in react native, so I need to write java code as like 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);
  }
}

I do not want to code Java in atom as suggestions are not working. Can we import our react native project in android studio where all in built classes of react native are available so I can have suggestion of classes/methods while writing code.

Is there any way to do this ?

score 48 · Accepted Answer · answered Apr 26 '17 at 06:32

48

Go to Android Studio--> then open the Android folder of your RN project

If you want code suggestions, Android Studio will help you while typing ;)

answered Apr 26 '17 at 06:32

hansfpc

508
5
11

2

If it is react native built using npm, and it is not template of Android studio project, will it work fine? What is the import project option then? – HomeMade Nov 10 '17 at 11:21
no such file or directory ...have no directory... /android/src in react native project – Ajay Mistry May 18 '18 at 08:07
@AjayMistry, you must've created a project using "react-native-cli", not Expo. Expo projects does not have a "android" folder – hansfpc May 22 '18 at 03:42
there is android folder but in that i cant find that src folder – Ajay Mistry May 22 '18 at 06:24
what i need to do if i want to my react project can be done for IOS? – famfamfam Mar 25 '22 at 07:44
the process is very similar but in XCode, just import the ios folder @famfamfam – hansfpc Mar 30 '22 at 15:16

score 24 · Answer 2 · answered Apr 26 '17 at 05:54

24

Yes, just open android studio. Then Open an existing Android Studio project, select android folder of your react native project.

answered Apr 26 '17 at 05:54

Meysam Izadmehr

3,103
17
25

I had to do a forceSync from ResourceManager to let androidStudio set the project up . It didn't do it by default. – nikel Nov 06 '19 at 05:57
1

When I try to run the project from AndroidStudio, it says : "reactnative" not found on the build console. – Abhinav Saxena Dec 19 '19 at 02:44

How to import react native project in android studio

2 Answers2

Linked