Bootstrap com Expo - React Native SDK
Nesta página
O modelo do Atlas Device SDK Expo fornece um aplicação React Native totalmente funcional que você pode usar para inicializar seu projeto de desenvolvimento de aplicativos com o Atlas Device SDK. Este guia aborda como inicializar e trabalhar com o modelo.
O modelo Expo usa:
Expo: uma estrutura para desenvolver, criar e implementar aplicativos React Native.
@realm/react: um pacote npm que fornece uma API fácil de usar para realizar operações comuns do Realm, como fazer consulta ou gravar em um banco de dados e ouvir objetos do banco de dados.
Pré-requisitos
Expo SDK v48 ou posterior
Use o gráfico de compatibilidade para determinar qual versão do SDK Expo é compatível com versões específicas do SDK do React Native.
Inicializar o modelo
Para inicializar o modelo de aplicativo, use create-expo-app. Passe o sinalizador --template @realm/expo-template para inicializar um aplicativo React Native com base no modelo Device SDK.
Execute o seguinte comando no seu terminal:
npx create-expo-app AtlasDeviceSdkApp --template @realm/expo-template
Instale as dependências do aplicativo:
npm install
Explore a estrutura do arquivo
Os arquivos relevantes são os seguintes:
arquivo | Propósito |
|---|---|
Task.ts | Um arquivo de script que define um esquema de objeto da Tarefa e retorna um RealmProvider e os ganchos. |
App.ts | O ponto de entrada do aplicativo, que contém métodos para criar, atualizar e excluir tarefas. O componente RealmProvider envolve o componente App , fornecendo a todo o aplicativo acesso à região. |
TaskList.tsx | Um componente React que obtém uma lista de objetos de tarefa do banco de dados e renderiza cada objeto como um componente TaskItem. |
TaskItem.tsx | Um componente React que exibe a descrição da tarefa, uma caixa de seleção para alternar o status de conclusão da tarefa e um botão para excluir a tarefa. |
Criar e Executar o aAplicativo
Para executar seu aplicativo em um emulador Android, execute o seguinte comando na raiz do seu aplicativo:
npx expo run:android
Para executar seu aplicativo em um simulador iOS, execute o seguinte comando na raiz do seu aplicativo:
npx expo run:ios
Quando você executa os comandos acima, o Expo dev-client começará automaticamente. Se você fechar o dev-client do Expo e quiser reiniciá-lo sem esperar pelo processo de compilação nativo novamente, você pode simplesmente executar:
npx expo start --dev-client
No entanto, se você fez alguma alteração no código nativo, você precisará executar novamente npx
expo run:ios ou npx expo run:android para reconstruir seu aplicativo iOS/Android nativo.
Implantando seu aplicativo
Para implementar seu aplicativo, recomendamos o uso do Expo Application Services (EAS), um conjunto de serviços de nuvem profundamente integrados para aplicativos Expo e React Native. O EAS permite que você compile e assine seu aplicativo, carregue-o na Apple App Store ou na Google Play Store com um único comando CLI e envie correções de bugs ou pequenas alterações diretamente aos usuários do aplicativo.
Como alternativa, leia o guia Visão Geral da Distribuição da Expo para saber como criar compilações nativas, implementar em lojas de aplicativos, evitar rejeições comuns de lojas de aplicativos e gerenciar diferentes ambientes de lançamento.