Executando verificação de segurança...
1
LucasGarcia
1 min de leitura ·

Build de App do React Native com Expo [Dúvida]

Bom dia Pessoal!

Venho pedir uma ajuda de vocês, estou inicioando no desenvolvimento Mobile com React Native Expo. Construi um primeiro app que funcionou corretamente no aplicativo do Expo Go, porém ao efetuar o build do apk e instalar no Celular ele acaba não carregando.

Depois de pesquisar muito não consegui encontrar um caminho pra resolver isso, começei a tentar fazer tentar ir construindo o aplicativo em partes para fazer a build e identificar o erro, fiz uma pequena estrutura apenas colocando as rotas e ainda sim ao compilar ele não carrega.

Nesse primeiro momento estou usando apenas uma estrutura de rotas usando react navigation, se alguém puder me dar uma luz, ou até uma forma de ver algum log de erro desse app instalado, ou se alguém já passou por isso e puder compartilhar.

Se alguém quiser dar uma olhada no código está da seguinte forma:
https://github.com/lucas-Jose-Garcia/ControleSecagem

Desde já agradeço o espaço e a ajuda de vocês!

Carregando publicação patrocinada...
1
julianotavares

Salve Lucas!
Dei uma olhada rápida no seu código, me parece que no arquivo index de rotas, o nome da screen está diferente do que foi importado.

PS.: Revise esse arquivo, inclusive aconselho utilizar o Eslint e Prettier, ambos são ferramentas poderosas que formatam o código e auxilia a identificar possíveis erros de ortografia ou sintaxe.

Na linha 3 vc faz a importação da página AddReseases e na Screen o atributo "name" está como AddReleses, sem o "a", veja se resolve blz?
Abraço!


// Aqui você importa como AddReleases:
import AddReleases from '../pages/AddReleases';

<Screen 
    // AQUI ESTÁ DIFERENTE DO NOME DO QUE FOI IMPORTADO:
    name='AddReleses'

    options={{
        title: 'Efetuar Lançamento'
    }}
    component={AddReleases}
/>
1
LucasGarcia
Autor
Autor

Salve Juliano!

Obrigado pelo comentário! Infelizmente não era isso mesmo, essa propriedade neme meio que serve apenas como um indentificador então acaba não interferindo nisso, mesmo o nome estando errado ali, fiz a build e o erro persiste mesmo.

Eu imagino que estou fazendo algo relacionado a buid errado, fiz um teste aqui de usar aquela opção de npx create-expo-app my-app --template e escolhi inciar o projeto com o template navgation (typescript) e fiz a build da mesma forma que estava fazendo no meu app pesoal e ao instalar o apk gerou o mesmo problema de apenas abrir a tela de splash e já fechar o app.

Imagino que seja alguma configuração incorreta no app.json ou no eas.json, encontro muito pouco conteúdo sobre isso mesmo. O processo que estou fazendo é o seguinte:

Estando logado na minha conta do expo efetuo o comando:

eas build:configure

Esse processo vai criar o arquivo eas.json que apenas adiciono o código abaixo dentro do perfil 'previw' ficando da seguinte forma (seguindo essa documentação):

[...]
"preview": {
      "distribution": "internal",
      "android": {
        "buildType": "apk"
      }
    }
[...]

Após isso executo o comando:

eas build -p android --profile preview

Eu imagino que não estou fazendo alguma configuração obrigatória ou esquecendo algo mesmo, caso lembre de alguma configuração que não estou fazendo, agradeço muito!

1
mauandrade

Sei que ja se passou 1 ano mas gostaria de saber se descobriu, estou começando agora e minha app com drawnavigator funciona perfeitamente no expo go mas quando eu faço o build ela carrega mas na primeira navegação a tela fica branca como se estivesse travada, ja mudei a estrutura diversas vezes mas nao roda! encontrou alguma solução. o draw navigator é aquele menu lateral e o funcionamento é muito parecido ao stack navigator

2
LucasGarcia
Autor
Autor

Bom dia!

Então na época eu tinha seguido um tutorial da internet pra fazer a navegação e parecia tudo certo, porém quando fazia o build ele quebrava totalmente, eu nao cheguei a descobrir o que era, mas foi possível resolver refazendo a parte de navegação do app seguindo exatamente o que está na documentação.

https://reactnavigation.org/docs/getting-started

https://reactnavigation.org/docs/drawer-based-navigation/

Refazendo o processo seguindo a documentação deu certo, muito provável que o tutorial que eu assisti estava usando alguma versão mais antiga e mudou algo.

Pelo que você me contou tem grandes chances de ser um problema relacionado a navegação mesmo.

1
julianotavares

Lucas, acho que tem dependências faltando, por exemplo, no app.json tem o userInterfaceStyle e backgroundColor, eles precisam do expo-system-ui instalado, isso pq essa dependência habilita o bloqueio nativo da interface com base no app.json.
Instala ela e veja se resolve:
npx expo install expo-system-ui

Outra dependência é o uso do splash e/ou quando configura o resizeMode, eles dependem do expo-splash-screen, porque quando vc configura o posicionamento da tela com splash no app.json, só vai funcionar se o expo-splash-screen estiver instalado no projeto.

npx expo install expo-splash-screen

Testa isso e veja se resolve.

1
LucasGarcia
Autor
Autor

Opa Juliano!
Infelizmente não foi o suficiente, eu estava tentando explorar a ideia de que seria algo relacionado a alguma dependência que estava faltando, intalei também a react-native-safe-area-context e a react-native-screens que aparentemente são necessárias para usar o react navgation independente se vai usar apenas a navegação via drawer.

Eu até imaginava que poderia ser algo relacionada a alguma dependência, mas não consegui localizar nada a mais, até se você souber alguma forma de buscar algum log de erro do app.

Obrigado pela ajuda Juliano!