How to create Android native module in React Native

This article mainly introduces "how to create the Android native module in React Native". In the daily operation, I believe that many people have doubts about how to create the Android native module in React Native. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubt of "how to create the Android native module in React Native". Next, please follow the editor to study!

Create a ReactPackage

Start AndroidStudio and navigate to MyApp/android/app/src/main/java/com/myapp/MainActivity.java. It should look like this:

Package com.myapp; import com.facebook.react.ReactActivity; import com.facebook.react.ReactPackage; import com.facebook.react.shell.MainReactPackage; import java.util.Arrays; import java.util.List; public class MainActivity extends ReactActivity {@ Override protected String getMainComponentName () {return "MyApp";} @ Override protected boolean getUseDeveloperSupport () {return BuildConfig.DEBUG @ Override protected List getPackages () {return Arrays.asList (new MainReactPackage ());}}

Let's start by introducing an undefined package:

Import com.myapp.imagepicker.*; / / import the package public class MainActivity extends ReactActivity {@ Override protected List getPackages () {return Arrays.asList (new MainReactPackage (), new ImagePickerPackage () / / include it in getPackages);}

Now let's write that package. We will create a new directory for it called imagepicker and write to ImagePickerPackage:

Package com.myapp.imagepicker; import com.facebook.react.ReactPackage; import com.facebook.react.bridge.JavaScriptModule; import com.facebook.react.bridge.NativeModule; import com.facebook.react.bridge.ReactApplicationContext; import com.facebook.react.uimanager.ViewManager; import java.util.ArrayList; import java.util.Collections; import java.util.List; public class ImagePickerPackage implements ReactPackage {@ Override public List createNativeModules (ReactApplicationContext reactContext) {List modules = new ArrayList () Modules.add (new ImagePickerModule (reactContext)); return modules;} @ Override public List