Preparando para publicação

Até o momento utilizamos o expo para criar o aplicativo, agora continuaremos utilizando ele, porém, para publicação.

Acessando o expo

Para publicar um projeto com o expo é necessário ter uma conta na plataforma. Então, se ainda não possui uma conta, cadastre-se aqui.

Após feito o cadastro, você realizará o login na sua conta e será direcionado para a área de projetos.

Ajustando o arquivo

Com o nosso projeto aberto, vamos acessar o arquivo que sumariza todas as informações do aplicativo, oapp.json. Nesse arquivo estarão boa parte das configurações que iremos criar.

Então, acompanhando a aula, altere seu arquivo de modo que ele fique como abaixo:

{
  "expo": {
    "name": "IMD News",
    "slug": "imdnews",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#212121"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true,
      "bundleIdentifier": "com.dispositivosmoveis.imdnews"
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#212121"
      },
      "package": "com.dispositivosmoveis.imdnews",
      "versionCode": 1
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

Substituindo os Assets

Na pasta assets do projeto existem imagens padrão para o splash do aplicativo.

Substitua os arquivos da pasta assests por esses arquivos: icons.

Observação: é importante manter o nome das imagens e a pasta assets, pois é ela que está sendo referenciada.

Ajustando o Loading

O componente ActivyIndicator não estava centralizado no aplicativo, o que dificultava a visualização. Então, na tela de Home passe essas novas propriedades no componente:

<ActivityIndicator style={{flex: 1}} size="large" backgroundColor="black"/>