Projeto Final: OneBitCoin – Aula 10 | Curso React Native (aprendiz)

 

Nesta aula vamos configurar a splash screen do nosso app.

Antes vamos implementar uma ultima feature que é atualizar o preço do bitcoin do nosso componente CurrencPrice.

1 – Vamos criar um state para atualizar nosso price atual:

2 – Vamos criar uma função que vai trazer nosso preço atual, vamos utilizar .pop() que paga o último item do nosso array e aproveitar state coinsGraphicList

3 – Em nosso useEfect vamos chamar nossa função, para garantir que sempre que o preço for atualizado nosso price também será atualizado

4 – Agora passamos como props do nosso component CurrentPrice em App.js

5 – Dentro do Nosso componente CurrentPrice vamos chamar a nossa props no lugar do price que hoje esta fixo para termos o valor sendo atualizado dinamicamente

 

Configurando SplashScreen

As imagens inciais de um app, que foram geradas no projeto pelo expo, ficam dentro de assets e são justamente elas que iremos substituir por nossas imagens personalizadas.

Nós seguimos a documentação do expo para gerar nossas imagens personalizadas.

Você também podem gerar imagens personalizadas, veja mais detalhes sobre tamanhos e medias e como gerar na documentação:

Com as imagens geradas podemos então substituir as imagens, assim quando o expo for gerar nosso apk, ele ira configurar pra gente todo processo necessário.

Com tudo configurado vamos para o próximo passo.

 

Gerando o Apk

1 –  Crie uma conta no Expo

Depois de criar a conta faca o login pelo terminal

2 – Digite seu username ou email e password

Agora você, esta conectando tanto na web, como no seu terminal local, onde você poderá acompanhar detalhes da geração do seu app tanto localmente quanto na web.

3 – Configurando o app.json

4 – Altere as cores para #000000, deixando nosso app.json assim:

 

IMPORTANTE

1 – Antes de gerar o apk de fato é importante se atentar a um detalhe, se você não rodou o comando abaixo ainda (desde a instalação do expo) deve fazê-lo. Como a própria documentação diz, isso irá garantir que você não tenha nenhum erro na hora de gerar seu apk.

2 – Após tudo verificado, podemos então gerar nosso Apk de fato:

3 – Se você for subir para a play store você pode gerar rodando este comando, conforme a orientação da própria documentação:

4 – Precisamos falar para o expo se nós queremos utilizar uma KeyStore já existente ou ele pode criar uma para nosso aplicativo, como estamos rodando pela primeira vez neste projeto vamos selecionar a opção 1 para que o expo gere a KeyStore deste projeto.

 

Agora e só esperar ele fazer toda a configuração.

Por fim seu apk estará disponível na última url gerada no seu terminal ou pela web logado no expo você terá acesso total ao seu app.

Agora é só baixar o app, instalar e mostrar para os amigos e colocar no seu portfólio.
Agora você está pronto para desenvolver do zero seu app até o processo de instalação em um device de fato!

Curtiu? Deixe nos comentários suas dúvidas, melhorias e sugestões de novos conteúdos!

0 0 votes
Article Rating
junho 16, 2021
Subscribe
Notify of
guest
1 Comentário
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
aaa
aaa
1 mês atrás

Mc miltinho – Joga o dedo pro ar

Feito com s2 por OneBitCode
1
0
Would love your thoughts, please comment.x
()
x
%d blogueiros gostam disto: