Aula 02
Gerando o Projeto – Modulos Nativos do Android no React Native
Summary
# Resumo da Transcrição
Neste vídeo, o apresentador demonstra como iniciar um projeto com React Native. Aqui estão os passos principais que ele seguiu:
1. **Criação do Projeto**:
- O apresentador utiliza o comando `react-native init` para criar um novo projeto chamado "módulos".
- Ele menciona que o processo pode levar algum tempo e que os espectadores podem pular essa parte, se desejarem.
2. **Navegação até o Projeto**:
- Após a criação do projeto, ele navega para o diretório do projeto usando `cd módulos`.
3. **Abertura do Editor**:
- O editor de texto é aberto para começar a editar os arquivos do projeto.
4. **Execução do Aplicativo**:
- O apresentador roda o aplicativo com o comando `react-native run-android`, que inicia o Metro Bundler e compila o código Java.
- Ele informa que o processo de compilação pode demorar, mas os espectadores têm a opção de pular essa parte.
5. **Verificação do Emulador**:
- Após a compilação, o emulador Android é iniciado e o apresentador verifica se o aplicativo está funcionando.
- Ele edita o arquivo `App.js` e adiciona um texto de boas-vindas: "Bem-vindo ao React Native", e salva as alterações.
6. **Habilitação do Reload Automático**:
- Ele abre a tela de desenvolvimento e habilita o recurso de reload automático para visualizar as mudanças em tempo real.
7. **Conclusão**:
- O vídeo termina com a confirmação de que o projeto foi criado e rodado com sucesso no emulador Android, e ele indica que na próxima aula começará a escrever um módulo nativo para Android.
---
Video Transcript
Olá pessoal estamos de volta então vamos começar a primeira coisa que a gente vai fazer é
general projeto já tenho aqui aberto em a tela do terminal eu vou usar o comando react
traço native a pção init e vou dar o nome ao meu projeto tá eu vou chamar de módulos
e o seu nome do meu projeto vai levar um tempinho para poder gerar se você quiser pular essa parte
do vídeo por favor senta-se à vontade
e eu vou dar cd para a parte do projeto módulos nativos vou abrir meu editor de texto
tá
deixa eu pôr aqui do lado direito da tela
e agora depois disso eu vou rodar o aplicativo tá eu vou usar o comando aqui de voltar o terminal
react native run pra Android e vai abrir uma nova janela aqui do metro bundler
e do na outra janela que eu já tava ele vai compilar código Java a usando o grato o groto aqui
e aí
e então vai demorar um pouquinho você quiser pular esta parte do vídeo senta-se à vontade
e aí
e terminou de compilar a parte do Java do Android aqui nessa tela vamos dar uma olhada lá no metro
bundler ainda tá fazendo o bundle né criando aquele bundle de JavaScript em 30% vai aumentar
onde finalmente terminar o emulador vai rodar e ligar
e aí
e aí
e aí
e aí
e aí
e aí
e então eu tô ligado aqui o meu emulador e finalmente tá rodando aqui
vamos ver se funcionou e vou lá editor de texto o arquivo é apta jfs
e aqui no classe do app do função render eu vou dizer
e vejo o álcool bem vindo ao react native vou salvar a ver se e aparece aqui
e eu vou abrir aqui a tela de desenvolvimento usando comando m no meu caso
e aí vou habilitar o rdu
o relógio para ver automaticamente também vindo ao react native funcionou corretamente
então criamos o projeto e rodamos o projeto no
emulador do Android tá então por essa aula só e te vejo na próxima
e aí vai começar a escrever nosso módulo nativo no Android
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: