Desenvolvimento Expo (React Native) - Guia Completo para Iniciantes
Neste tutorial, vamos criar um projeto usando Expo que roda tanto no Android quanto no iOS. O projeto utiliza React Native para gerar código híbrido, com a possibilidade futura de expandir para web. O Expo simplifica o desenvolvimento e teste em ambas as plataformas.
Pré-requisitos
- Node.js instalado
- Git para controle de versão
- Watchman (para usuários Linux/Mac)
- Visual Studio Code (recomendado)
Criação do Projeto
- Executar o comando:
npx create-expo-app --template - Selecionar o template 'blank' com TypeScript
- Definir o nome do projeto (ex: 'mestres')
- Aguarde a instalação das dependências
Executando o Projeto
Após a criação, navegue até o diretório do projeto e execute: npm start ou npx expo start
Isso iniciará o servidor Metro e gerará um QR Code para teste.
Opções de Teste:
- Tecla 'a' - Abre no emulador Android
- Tecla 'i' - Abre no simulador iOS
- Expo Go - Aplicativo para testar em dispositivos físicos via QR Code
Primeiras Modificações
O template inicial cria uma tela simples. Para editar:
- Abra o arquivo App.tsx
- Modifique o texto dentro da tag Text
- Salve para ver as alterações refletidas instantaneamente (Hot Reloading)
Vantagens do Expo
- Desenvolvimento rápido com atualizações em tempo real
- Facilidade para testar em múltiplos dispositivos
- Simplifica o processo de deploy para as lojas de aplicativos
- Ótima documentação e ecossistema de ferramentas
Considerações finais
O Expo oferece um ambiente prático para desenvolvimento multiplataforma, facilitando desde a criação do projeto até os testes e deploy final. A combinação com React Native e TypeScript proporciona uma base sólida para aplicativos modernos.
