Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Mapas e Rotas com React Native - #2 Icon e Splash

05/02/2021

Nesse tutorial trabalharemos com o design da tela de abertura do nosso app (splash) e com o ícone do aplicativo usando React Native.

Como fazer a tela de splash e ícone com React Native?

Para construir um ícone você deve ter medidas perfeitas de um quadrado, por exemplo 300px x 300px. O ícone deve ser salvo com o nome icon.png

A tela de splash deve ter o tamanho de 1242px x 2436px e ser salva como splash.png

Após salvar o ícone e a splash dentro de project/assets/img, vamos abrir o Android Studio e acessar o terminal de comandos (cmd) e rodar os comandos abaixo:

cd c:/Project
expo start --android

Project/app.json

"icon": "./assets/img/icon.png",
"splash": {
  "image": "./assets/img/splash.png",
  "resizeMode": "cover",
  "backgroundColor": "#000"
},

Por hoje é só! Sucesso nos códigos e na vida!

Do you need improve your app? Suporte premium: webdesignemfoco@gmail.com

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Mapas e Rotas com React Native - #1 Introdução
Hoje iniciamos o curso de Mapas e Rotas com React Native. Neste curso você vai aprender do zero a criar um aplicativo usando Javascript.
Saiba mais!
Mapas e Rotas com React Native - #3 CSS
Nesse curso vamos implementar a nossa folha de estilo em cascata (CSS) dentro do nosso app com React Native.
Saiba mais!
React JS
Nessa seção aprenderemos sobre essa importante biblioteca Javascript desenvolvida pelo Facebook para facilitar a construção backend dos nossos websites.
Saiba mais!