Developing Native Modules in React Native Using Kotlin

Abstract

Atualmente o desenvolvimento de aplicativos pode ser feito através de tecnologias nativas ou híbridas. Tecnologias nativas são tecnologias focadas e com todos os recursos necessários para um sistema operacional específico. Já as tecnologias híbridas tem o propósito de unificar o código produzido, para criar aplicativos para mais de uma plataforma. Uma das tecnologias que está com grande visibilidade nos dias atuais, para o desenvolvimento híbrido, é o React Native, que é uma tecnologia criada pelo Facebook. O código unificado é escrito em Javascript, esse código único é convertido para código nativo de forma autônoma.No cenário atual, duas tecnologias que surgiram recentemente para substituir as opções nativas anteriores e estão em ascensão para Android e IOS, são elas Kotlin e Swift respectivamente. Kotlin é uma tecnologia relativamente nova, baseada no seu antecessor o Java, que é usado atualmente, esse código Java no React Native é usado com base em módulos. Quando escrevemos módulos em Kotlin, temos um ganho tanto na facilidade com a sintaxe do Kotlin que leva a uma curva de aprendizado menor em relação ao Java quanto inserção dessa nova tecnologia junto a evolução do código híbrido. Este trabalho propõe um estudo de Kotlin e React Native e a comunicação entre eles através de módulos nativos, para criar um aplicativo completo usando diferentes tipos de módulos nativos usando Koltin para interagir com câmera, galeria e calendário. No início deste trabalho, os módulos nativos em Kotlin não eram oficiais na comunidade. No entanto, essa comunicação se tornou real durante este trabalho.A comunidade começou a adotar o Kotlin, então este trabalho é um guia para começar com esses tipos de módulos nativos. React Native necessita de módulos nativos para seu correto funcionamento. Módulos nativos para android geralmente usam Java para a parte nativa comunicação com o lado do Javascript. O foco deste trabalho é abordar a criação de módulos nativos tradicionais do React Native, porém usando Kotlin do lado nativo da aplicação. Este trabalho mostra o processo de criação de módulos nativos usando Kotlin, abordando casos comuns de necessidade de módulos nativos. Como um resultado final, uma aplicação usando React Native e três módulos nativos usando Kotlin, foi criada. O primeiro módulo nativo é para salvar eventos no calendário do smartphone, já o segundo módulo tem como objetivo utilizar um seletor de datas nativo do android, o terceiro e mais complexo módulo criado para a aplicação tem duas funcionalidades principais, relacionadas a imagens. O último módulo pode pegar imagens da galeria do celular, e também pode capturar imagens através da câmera.