However we recommend that you use ReactContextBaseJavaModule, as shown above. It is worth noting that technically Java/Kotlin classes only need to extend the BaseJavaModule class or implement the NativeModule interface to be considered a Native Module by React Native. For Android, Java/Kotlin native modules are written as classes that extend ReactContextBaseJavaModule and implement the functionality required by JavaScript. Image of how to add the CalendarModuleClassĪs you can see, your CalendarModule class extends the ReactContextBaseJavaModule class. This Java/Kotlin file will contain your native module Java/Kotlin class. The first step is to create the ( CalendarModule.java or CalendarModule.kt) Java/Kotlin file inside android/app/src/main/java/com/your-app-name/ folder (the folder is the same for both for either Kotlin of Java). We also recommend enabling Gradle Daemon to speed up builds as you iterate on Java/Kotlin code. Android studio is an IDE built for Android development and using it will help you resolve minor issues like code syntax errors quickly.

We recommend using Android Studio to write your native code. You can find your Android project here within a React Native app: Image of where you can find your Android project

To get started, open up the Android project within your React Native application in Android Studio. By the end, you will be able to call CalendarModule.createCalendarEvent('Dinner Party', 'My House') from JavaScript, invoking a Java/Kotlin method that creates a calendar event. In the following guide you will create a native module, CalendarModule, that will allow you to access Android’s calendar APIs from JavaScript. Please start by reading the Native Modules Intro for an intro to what native modules are. The New Architecture uses Turbo Native Module and Fabric Native Components to achieve similar results. They will be deprecated in the future when the New Architecture will be stable.

Native Module and Native Components are our stable technologies used by the legacy architecture.

Javascript react native android studio