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!

julianotavareshá 2 anos

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}
/>
LucasGarciahá 2 anos
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: ```bash 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](https://docs.expo.dev/build-reference/apk/)): ```js [...] "preview": { "distribution": "internal", "android": { "buildType": "apk" } } [...] ``` Após isso executo o comando: ```bash 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!
mauandradehá 7 meses
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
LucasGarciahá 7 meses
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.
julianotavareshá 2 anos
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.
LucasGarciahá 2 anos
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!
itseriqqmês passado
Opa! To aqui 1 ano depois e to tendo o mesmo erro. Isso mesmo no modo dev em um android de uma conhecida. Em outros aparelhos android funciona normalmente. No celular dela indica que o App tem um bug. Mas não indica a mensagem de erro também. Ainda não cheguei ao build mas acredito que vai influenciar futuramente.