Mapas e Rotas com React Native - #2 Icon e Splash
05/02/2021Nesse 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
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.
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.