Open your terminal, cd to your development folder and create a new project. Just create a new app and run it on your device. I will go through using the react native CLI commands, but if you prefer to use Expo the process is the same. And since the React Native build versions are a bit outdated, there will be quite a few changes in the build files of the Android project until we finally get to the Kotlin code.Īre you feeling lazy? Jump right to the final project.

Rather, I will go through step by step the process needed to compile Kotlin code as native modules in React Native projects. This is not an ultimate guide into native module bridging in IOS and Android. Keep in mind that in the post I will focus on the Android side of the app. How to bridge native Kotlin modules and UI components to React Native apps? So here we are! Lets bridge Kotlin to React Native. In this post, I will focus on one question.

But what about Kotlin? Since Google I/O 2017, Kotlin is to a first-class language in Android. In the documentation, you can find a detailed example of how to bridge native Java modules to React Native. As they explain in detail each step in which native Android modules are exposed to React code. If you want to get acquainted with the technical part of the topic, I strongly suggest you read the documentation first. The whole process is described in depth in the Native Modules Android documentation. For whatever the reason, React Native allows you to create your own native modules and expose them to JavaScript. Who can really say! Maybe you want to make platform-specific code or want to reuse some existing code. Why do we need native modules in React Native apps? So we can use native modules to fill the gap. There may be some features that are not implemented yet in React Native or some device-specific features that are not supported by this development platform. React Native, despite being one of the most preferred cross-platform in mobile development, has its limitations too.

Android studio update gradle 2.10