Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Tela splash

Referente ao curso React Native: criando um app, no capítulo Refatorando e atividade AppLoading e revisão

por HANIEL DOS SANTOS DA SILVA
| 37.2k xp | 5 posts
Analista de Sistemas

Olá pessoal. Fiquei com uma dúvida em relação ao projeto. No vídeo aparece a tela de splash screen com uma imagem splash.png que está em assets. Acontece que no meu projeto nunca apareceu essa tela. Há alguma configuração para fazer? É informado que o expo faz isso automaticamente, mas em nunhum momento funcionou isso pra mim. Estou com o projeto expo bare e uso o npx expo start para iniciar a aplicação. Como configurar a tela de splash? Como alterar o arquivo .png de splash? O expo acha pelo nome do arquivo? Tem alguma documentação?

2 respostas
por Silvaney De Sousa Dias
| 33.6k xp | 1 posts
Analista de Testes

Haniel, acho que consigo te ajudar.

Na raiz do projeto, tem um arquivo chamado "app.json". No meio da estrutura dele tem um agrupamento chamado Splash e uma linha chamada "image". Confere se o caminho está indicando a imagem correta.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!
por HANIEL DOS SANTOS DA SILVA
| 37.2k xp | 5 posts
Analista de Sistemas

Valeu. Deu certo. Meu arquivo app.json estava apenas assim:

  "expo": {
    "name": "orgs-cesta",
    "slug": "orgs-cesta",
    "version": "1.0.0",
    "assetBundlePatterns": [
      "**/*"
    ]
  }
}

Adicionei a tag splash e ficou assim:

{
  "expo": {
    "name": "orgs-cesta",
    "slug": "orgs-cesta",
    "version": "1.0.0",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor":"@ffffff"
    },
    "assetBundlePatterns": [
      "**/*"
    ]
  }
}

Testei e deu certo. Obrigado!!!!