Aula 07
Uso do Android Studio para Abrir o Projeto de React Native
Summary
Resumo do Vídeo sobre Android Studio e Redux com React Native
Neste vídeo, o apresentador demonstra como abrir e configurar um projeto no Android Studio, especificamente para um projeto de lista de posts utilizando Redux com React Native. A seguir, estão os principais pontos abordados:
-
Abertura do Projeto:
- O apresentador abre o Android Studio e navega até a pasta do projeto clonado do GitHub, chamado "lista de posts Redux".
- Ele seleciona a pasta do Android dentro do projeto e aguarda o carregamento do Gradle.
-
Atualização de Arquivos:
- Menciona que abrir o Android Studio ajuda a atualizar os arquivos do projeto, o que evita problemas que podem ocorrer ao tentar rodar na linha de comando.
-
Execução do Projeto:
- O apresentador prefere executar o aplicativo diretamente pelo Android Studio, selecionando um emulador ao invés de usar a linha de comando (
react-native run Android
), que ele encontrou problemas.
- O apresentador prefere executar o aplicativo diretamente pelo Android Studio, selecionando um emulador ao invés de usar a linha de comando (
-
Demonstração do Aplicativo:
- O vídeo mostra o aplicativo desenvolvido no curso de introdução ao Redux, onde é possível ver a lista de posts.
- Ao clicar em um post, o usuário é direcionado para uma nova cena que exibe o título e o conteúdo do post.
- O criador do vídeo explica as funcionalidades do aplicativo, incluindo a criação, edição e deleção de posts.
-
Funcionalidades do CRUD:
- O aplicativo permite criar novos posts, editar posts existentes e deletar posts.
- Há botões para navegar entre diferentes cenas e realizar essas ações.
-
Finalização:
- O apresentador resume as funcionalidades do aplicativo e confirma que o Android Studio está funcionando corretamente após realizar as configurações.
O vídeo é um guia prático para desenvolvedores que desejam trabalhar com Android Studio e Redux, mostrando como realizar a configuração adequada antes de iniciar o desenvolvimento do aplicativo.
Video Transcript
Este vídeo será sobre o Android Studio para abrir o projeto de post para configurar e deixar tudo certo para emular e começar a fazer o nosso projeto para aqueles que não tinham feito o projeto do introdução do Redux com react native do meu canal.
Vamos lá, eu abri o Android Studio aqui, abri, vou para a pasta, vou abrir aqui Open, abrir um projeto existente que já existe,
Eu abri o projeto que a gente clonou do GitHub, que é o projeto lista de posts Redux, não é?
Vou carregar um pouco, não sei porque está demorando, não é para demorar?
Está aí, então eu listo de posts a API Redux, é o nome que eu mudei da pasta e vou para a pasta do Android, Android, está bom?
Então só clicar na parte do Android e dar o OK. Esperar um pouco, vai abrir o Gradle que vai configurar e não sei o que, demora um pouco.
E eu gosto de abrir o Android Studio para atualizar os arquivos do projeto, às vezes só rodando react native, run Android, às vezes falem porque esses arquivos não estão atualizados,
Então por isso que a gente faz isso, só vai ignorar esse negócio. Vou esperar o Gradle que está dando um negócio aqui, esse norte no build running, esperar indexando, escaneando arquivos.
Deixa eu abrir e clicar aqui pro projeto, para abrir, clica no app, vou ver, só para verificar isso.
Então terminou, e para rodar o projeto, vou clicar no botão play, o run app, quase vou clicar aqui, não vou usar linha de comando porque para mim não funciona,
Quando eu uso linha de comando, o comando react native run Android para mim não funciona, então vou rodar do próprio Android Studio, vou escolher meu emulador, meu dispositivo, dar um OK, esperar aí.
Se você estiver configurado para rodar na linha de comando, vai dar react native run Android, é assim que a gente faz, da mesma maneira, análogo ao react native run iOS.
Meu caso, se eu rodasse isso, não, vai funcionar, já sei, talvez não configurações que eu não fiz direito, mas eu gosto de entrar no Android Studio.
Então vou só esperar aqui, ele vai dar no emulador, está abrindo aí, executando tasks.
Da mesma maneira que eu fiz no outro vídeo, vou mostrar para vocês o aplicativo que a gente está fazendo aqui, esse é o aplicativo que foi feito no curso introdução ao Redux com react native do meu canal.
A gente fez o listro de posts e quando cliquei em post, vai para cena, ver posts, tem o título e o conteúdo do post.
Se quiser voltar, clica aqui nesse botão que volta para cena anterior.
Nesse caso a gente fez o read do crud, create read, update delete.
Agora a gente vai fazer os rachos, a gente vai fazer o C, U e o D.
Então a gente já botou um botão novo aqui, que quando clicar vai para nova cena para criar um novo post com o título e o conteúdo.
Tem um botão OK, quando clicar OK, vai e volta para a lista e vai aparecer um novo item.
Tem um botão de cancelar e voltar, que dá no mesmo, volta para a cena anterior.
Se você clicar em um dos posts do título, vai para ver post, ver post tem o editar e você pode editar o post, vai para essa cena, que é quase parecido com esse novo post.
Tem o título e o conteúdo já auto completado, clica OK para editar e volta para a cena anterior.
Se quiser delatar, tem esse botão vermelho aqui, delata o post e vai delatar e ir diretamente para a lista de posts.
Tá bom, botão de cancelar e voltar da mesma maneira, voltam à cena anterior.
E vamos voltar ao Android, já completou, é Gradle e tá aqui.
Terminal, tudo funcionando, o aplicativo no Android.
Tá bom.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: