⚠️ Você está vendo a documentação da versão: v1.5
Beagle v1.5 não é mais mantida ativamente. A versão documentada que você está visualizando pode conter funcionalidades depreciadas. Para obter as funcionalidades mais recentes, consulte a nossa última versão .
Widget Customizado com Serverdrivencomponent
Para criar um widget customizado que utilize outros componentes do Beagle, basta implementar a interface SingleChildComponent quando houver somente um componente filho, ou MultiChildComponent para o widget que utilizar varios outros componentes.
SingleChildComponent, ou MultiChildComponent, nunca as duas ao mesmo tempo.SingleChildComponent
Widgets customizados que renderizem um unico componente do Beagle devem implementar a interface SingleChildComponent.
Passo 1: Vincular SingleChildComponent
Com o widget customizado criado, adicione a interface SingleChildComponent.
@RegisterWidget
class CustomChildWidget(
val name: String,
val phone: String,
val age: Int
): WidgetView(), SingleChildComponent {
override fun buildView(rootView: RootView): View {
TODO("Not yet implemented")
}
}
Passo 2: Implementar a propriedade child
Após adicionar a interface SingleChildComponent ao widget, sobrescreva a propriedade child.
@RegisterWidget
class CustomChildWidget(
val name: String,
val phone: String,
val age: Int,
override val child: ServerDrivenComponent
): WidgetView(), SingleChildComponent {
override fun buildView(rootView: RootView): View {
TODO("Not yet implemented")
}
}
Passo 3: Utilize o componente
Para usar a view gerada a partir do componente child, basta considera-lo como um ViewConvertable e chamar o método buildView.
@RegisterWidget
class CustomChildWidget(
val name: String,
val phone: String,
val age: Int,
override val child: ServerDrivenComponent
): WidgetView(), SingleChildComponent {
override fun buildView(rootView: RootView): View {
val builtChild = (child as ViewConvertable).buildView(rootView)
}
}
MultiChildComponent
Widgets customizados que renderizem um ou mais componentes do Beagle devem implementar a interface MultiChildComponent.
Passo 1: Vincular MultiChildComponent
Com o widget customizado criado, adicione a interface MultiChildComponent.
@RegisterWidget
class CustomChildWidget(
val name: String,
val phone: String,
val age: Int
): WidgetView(), MultiChildComponent {
override fun buildView(rootView: RootView): View {
TODO("Not yet implemented")
}
}
Passo 2: Implementar a propriedade children
Após adicionar a interface MultiChildComponent ao widget, sobrescreva a propriedade children.
@RegisterWidget
class CustomChildWidget(
val name: String,
val phone: String,
val age: Int,
override val children: List<ServerDrivenComponent>
): WidgetView(), SingleChildComponent {
override fun buildView(rootView: RootView): View {
TODO("Not yet implemented")
}
}
Passo 3: Utilize o componente
Para usar a view gerada a partir do componente children, basta considerar cada um como ViewConvertable e chamar o método buildView de cada.
@RegisterWidget
class CustomChildWidget(
val name: String,
val phone: String,
val age: Int,
override val children: List<ServerDrivenComponent>
): WidgetView(), SingleChildComponent {
override fun buildView(rootView: RootView): View {
children.forEach { child ->
val builtChild = (child as ViewConvertable).buildView(rootView)
}
}
}
Pronto! Seu componente agora utiliza outros componentes do Beagle!
Feedback
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.