Após finalizar a instalação, você precisa configurar o React Native para usar o Beagle. Para isso, siga o guia a abaixo.
Rode um dos comandos abaixo para gerar os arquivos necessários para a biblioteca do Beagle.
Se você usa yarn:
yarn beagle
Se você usa npm:
npx beagle
Se os arquivos do Beagle já existem, o programa irá perguntar se você deseja substítui-los.
Dois arquivos serão criados após rodar esse comando: src/app.tsx
e src/beagle/beagle-service.ts
.
O primeiro é o ponto de entrada para o app, enquanto o segundo é a configuração do Beagle.
app.jsx
e beagle-service.js
. Remova
também as informações de tipo.Para ver a aplicação Beagle em ação, faça com que seu app renderize o componente App
em
src/app.tsx
. Se você tiver criado o projeto com o comando react-native init
, mude o arquivo
index.js
para o seguinte:
import {AppRegistry} from 'react-native';
import App from './src/app';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);
Sua aplicação está pronta para ser executada! Assim que executado, o app deve mostrar uma mensagem
de boas vindas carregada remotamente de https://usebeagle.io/start/welcome
.
👉 Para mais detalhes em como usar a configuração do Beagle e o componente BeagleRemoteView, por favor, leia o guia para React, funciona da mesma maneira!
👉 O Beagle React Native ainda é Beagle Web! Tudo nesta documentação para Beagle Web também é válido para o Beagle React Native. Para obter um conhecimento mais profundo da lib, sugerimos a leitura dos artigos em recursos > customização > Beagle para React Native assim como recursos > customização > Beagle para Web
👉 Se você deseja saber do estado atual de desenvolvimento do Beagle RN, veja aqui. a lista de recursos já implementados e o que ainda falta fazer. Contribuições são bem vindas!
Was this page helpful?
Glad to hear it! Please tell us how we can improve.
Sorry to hear that. Please tell us how we can improve.