For Android, Java 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 file will contain your native module Java class. The first step is to create the CalendarModule.java Java file inside android/app/src/main/java/com/your-app-name/ folder. We also recommend enabling Gradle Daemon to speed up builds as you iterate on Java 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. Throughout these docs we have added notes around parts of Native Modules that will change in the TurboModules release and how you can best prepare for a smooth upgrade to TurboModules. It will also enable new extensions that weren't possible with the legacy Native Module system. This new system is called TurboModules, and it will help facilitate more efficient type-safe communication between JavaScript and native, without relying on the React Native bridge. The React Native team is currently working on a re-architecture of the Native Module system. By the end, you will be able to call CalendarModule.createCalendarEvent('Dinner Party', 'My House') from JavaScript, invoking a Java 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.

Javascript react native android studio