Aula 01
Modulos Nativos do Android no React Native - Aula de Native Modules
Summary
# Resumo do Mini Curso sobre Módulos Nativos no React Native
Neste mini curso, vamos aprender sobre **módulos nativos** no **React Native**, focando especificamente na plataforma **Android**. O objetivo é criar um módulo nativo simples que permitirá a interação entre código **Java** do Android e código **JavaScript** do React Native.
## Motivos para Usar Módulos Nativos
Existem várias razões para a criação de módulos nativos:
1. **Acesso a APIs do Android**: Existem APIs que ainda não estão disponíveis no React Native, e, através de módulos nativos, você pode criar uma solução personalizada.
2. **Reuso de Código em Java**: Se você já possui código implementado em Java, pode portá-lo para o React Native sem a necessidade de reescrevê-lo em JavaScript.
3. **Performance**: Em alguns casos, é mais eficiente implementar certas funcionalidades diretamente em Java.
## Criando o Módulo Nativo
Para o desenvolvimento do módulo, será utilizado o comando **React Native init** para iniciar um novo projeto, pois precisamos de acesso direto ao código do Android. Para referências, é recomendável acessar a documentação oficial do React Native, onde encontrará guias específicos para Android e iOS.
### Exemplo: Exibindo Notificações com Toast
Como exemplo prático, vamos aprender a mostrar notificações usando o **Toast** do Android, que exibe mensagens breves na tela. A ideia é criar um módulo que permita acessar essa funcionalidade a partir do código JavaScript do React Native.
Na próxima aula, começaremos a implementação do projeto, focando em como executar essa tarefa.
**Até a próxima!**
Video Transcript
Lá pessoal, nesse mini curso nós vamos aprender sobre módulos nativos no React Native e vai
ser pela plataforma Android.
Então a gente vai aprender a criar um módulo nativo, native module, bem simples, para você
aprender como é que faz aquela conexão lá do parte do Android escrevendo código em
Java e para o React Native que está escrevendo código JavaScript.
Então, uma das razões primeiro, para gente qual é o motivo de usar esses módulos nativos.
Talvez o React Native ainda não tenha o módulo correspondente porque a plataforma Android
talvez tenha um API que não dê ainda para acessar no React Native porque não foi criada ainda
o módulo no React Native, então você pode criar seu próprio módulo.
Uma razão é se você já tem código em Java e queria só portar para o React Native
mas sem ter que implementar tudo de novo no JavaScript.
Então você pode fazer aquela conexão, aquela ponte, só para poder acessar o código que
já está escrito em Java.
E outras razões também é em termos de performance e outras coisas que é melhor escrever em Java
mesmo da maneira da plataforma específica de Android.
Então como a gente vai fazer isso?
Eu já tenho aqui o emulador do Android já rodando e vou criar um novo projeto usando
o React Native init.
Não vou usar expert, tá bom?
Porque a gente precisa acessar a parte, o código do Android, então a gente precisa
usar na mão mesmo o React Native comando init.
Antes de começar, se você quiser referência, vai aqui na página do React Native, clica
Get Started.
Aqui do lado esquerdo no menu, se você olhar lá para baixo, tem os guias específicos da
plataforma iOS e Android.
O que eu vou fazer agora é mais específico para o Android, tá?
Então você pode clicar em Native Modules aqui para ter uma referência.
O que a gente vai fazer para ter uma ideia.
Então o que a gente vai fazer aqui para aprender a fazer o nosso modo nativo?
Nós vamos aqui, vamos mostrar uma notificação.
Vamos supor que você tenha o seu aplicativo, mas você não dá para acessar um certo
widget, um certo elemento do Android.
Por exemplo, esse widget aqui chamado Toast é para mostrar essa mensagem aqui, olha aqui
esse celular aqui.
Você pode mostrar a mensagem aqui dizendo a notificação.
Então como a gente pode pegar esse cara aqui que é do Android e fazer uma módula que é
acessível lá do React Native se a gente escrever o código em JavaScript, tá?
E isso que a gente vai fazer é só um conceito básico, mas que você pode aplicar para qualquer
tipo de widget, para qualquer API que tenha disponível do Android, tá?
Então se você quiser dar uma olhada aqui, eu vou clicar em Java, eu vou fazer tudo em
Java, tá?
Você pode ver como é que funciona esse negócio do Toast, tá?
E a gente vai olhar mais isso na próxima aula, quando a gente começa a criar o nosso
projeto, tá bom?
Então por essa aula é só e até a próxima.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: