Textos — Text
Exibe títulos, mensagens, legendas e instruções na tela do aplicativo.
<Text>
Olá, estudante!
</Text>
Começando com React Native
O React Native permite criar aplicativos para dispositivos móveis utilizando JavaScript/TypeScript e componentes baseados em React. No Linux, o caminho mais simples para começar é utilizar o Expo.
💻 Computador
Linux, Node.js e Visual Studio Code.
⚛️ Desenvolvimento
React Native e Expo para criação dos aplicativos.
📱 Testes
Expo Go no celular ou Android Studio com emulador.
💡 Recomendação para iniciantes:
comece com Node.js + VS Code + Expo + Expo Go. O Android Studio pode ser instalado posteriormente.
comece com Node.js + VS Code + Expo + Expo Go. O Android Studio pode ser instalado posteriormente.
🧰 Ferramentas necessárias
Estas são as principais ferramentas utilizadas no ambiente de desenvolvimento React Native no Linux.
Node.js
Executa o ambiente JavaScript.
npm
Gerencia os pacotes e dependências.
VS Code
Editor utilizado para escrever o código.
Expo
Facilita a criação e execução dos projetos.
Expo Go
Permite testar o aplicativo em um celular.
Android Studio
Permite utilizar SDK e emulador Android.
1. Instalar Node.js
O Node.js é necessário para executar as ferramentas utilizadas pelo React Native e pelo Expo.
1
Instale o NVM
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
2
Instale o Node.js LTS
nvm install --lts
3
Verifique a instalação
node -v
npm -v
2. Instalar o Visual Studio Code
O VS Code será o ambiente utilizado para escrever e editar os programas React Native.
✓ Recomendado
Instale o Visual Studio Code e, posteriormente, adicione extensões úteis para JavaScript, TypeScript, ESLint e Prettier.
Instale o Visual Studio Code e, posteriormente, adicione extensões úteis para JavaScript, TypeScript, ESLint e Prettier.
Extensões recomendadas
- ESLint
- Prettier - Code formatter
- Expo Tools
3. Instalar e utilizar o Expo
O Expo simplifica o desenvolvimento de aplicativos React Native, principalmente para quem está começando.
Importante:
não é necessário instalar o React Native globalmente.
O projeto pode ser criado utilizando o
create-expo-app.
npx create-expo-app@latest MeuPrimeiroApp
4. Criar o primeiro projeto
Depois de instalar Node.js e criar o projeto com Expo, execute os seguintes comandos.
npx create-expo-app@latest MeuPrimeiroApp
cd MeuPrimeiroApp
code .
npx expo start
Resultado:
o Expo iniciará o servidor de desenvolvimento e exibirá opções para executar o aplicativo.
o Expo iniciará o servidor de desenvolvimento e exibirá opções para executar o aplicativo.
Atalhos comuns do Expo
📱 QR Code
Escaneie com o Expo Go.
🌐 W
Abre a versão Web.
🤖 A
Executa no Android configurado.
5. Testar no celular
O Expo Go permite testar rapidamente o aplicativo em um dispositivo Android.
1
Instale o Expo Go no celular.
2
Conecte o computador e o celular à mesma rede Wi-Fi.
3
Execute:
npx expo start
4
Escaneie o QR Code exibido pelo Expo.
🎉 O aplicativo deverá abrir no celular.
6. Android Studio
O Android Studio é necessário quando você deseja trabalhar com o Android SDK e utilizar um emulador Android no computador.
⚠️ Atenção:
para começar com Expo Go, o Android Studio não é obrigatório. Ele pode ser instalado em uma etapa posterior.
para começar com Expo Go, o Android Studio não é obrigatório. Ele pode ser instalado em uma etapa posterior.
Android SDK
Ferramentas necessárias para desenvolvimento Android.
Android Emulator
Permite simular um celular Android no computador.
JDK 17
Utilizado pelo ambiente Android/React Native nativo.
Instalação do JDK 17 no Ubuntu/Debian
sudo apt install openjdk-17-jdk -y
Verificar Java
java -version
✅ Checklist de instalação
Marque cada item depois de concluir a instalação.
0 de 8 itens concluídos.
