É simples configurar e usar a biblioteca Beagle Flutter, siga os passos abaixo:
Toda a configuração necessária para o Beagle funcionar está centrada nos parâmetros do método de inicialização BeagleSdk.init
. Esses parâmetros informam ao Beagle tudo que ele precisa conhecer para renderizar seus widgets. Aqui você vai ver apenas as opções básicas baseUrl
e components
. Para uma lista de todos as opções disponíveis, confira a seção de Inicialização do Beagle.
Você pode inicializar o Beagle em qualquer ponto de sua aplicação. Nesse exemplo, nós vamos inicializar o Beagle assim que o app iniciar. Para isso:
lib/main.dart
;package:beagle/beagle.dart
;beagle_components
, importe package:beagle_components/beagle_components.dart
também;main
, antes de renderizar qualquer coisa, chame BeagleSdk.init
passando os parâmetros previamente informados.
Veja o exemplo abaixo:import 'package:beagle/beagle.dart';
import 'package:beagle_components/beagle_components.dart';
void main() {
BeagleSdk.init(
baseUrl: 'http://suaBffUrlBase.io',
components: defaultComponents,
);
// runApp();
}
Você precisa usar o componente BeagleWidget
que é provido pela biblioteca Beagle. Este widget requer um único parâmetro, o screenRequest
, que especifica a requisição para buscar o primeiro widget do fluxo provido pelo servidor. Veja o exemplo abaixo:
import 'package:beagle/beagle.dart';
import 'package:beagle_components/beagle_components.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
void main() {
BeagleSdk.init(
baseUrl: 'http://suaBffUrlBase.io',
components: defaultComponents,
);
runApp(const BeagleSampleApp());
}
class BeagleSampleApp extends StatelessWidget {
const BeagleSampleApp({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Beagle Sample',
home: Scaffold(
body: BeagleWidget(
screenRequest: BeagleScreenRequest('welcome'),
),
),
);
}
}
O exemplo acima usou um simples Material App para renderizar o widget provido pelo servidor. O componente BeagleWidget
inclui no layout um widget remoto.
O BeagleWidget
aceita outros parâmetros opicionais, assim como o BeagleScreenRequest
. Para vê-los, visite a seção do BeagleWidget.
Veja mais informações nas próximas seções:
👉 Se você quiser saber o estado atual de desenvolvimento do Beagle Flutter, confira na seção de Recursos. 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.