Beagle v1.6 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 .
Esta propriedade define como os itens do container serão preenchidos de acordo com o espaço disponível ao longo do eixo principal.
Para isso, o Flex estabelece os valores aplicados na propriedade de cada filho. Assim, ele pega os valores de todos os elementos filhos e fazem o seguinte cálculo: somam e depois divide por cada valor da propriedade flex aplicado no filho. O resultado deve ser o espaço preenchido do filho no container.
private fun screen() :Widget{
return Container(
children = listOf(
createText(backgroundColor = "#142850", text = "1").applyFlex(Flex(flex = 1.0)),
createText(backgroundColor = "#dd7631", text = "2").applyFlex(Flex(flex = 2.0)),
createText(backgroundColor = "#649d66", text = "3").applyFlex(Flex(flex = 3.0))
)
).applyFlex(
Flex(
grow = 1.0
)
)
}
private func screen() -> Screen {
return
Screen(
navigationBar: NavigationBar(title: "Flex"),
child:
Container(children: [
createText(backgroundColor: "#142850",text: "1").applyFlex(
Flex().flex(1)),
createText(backgroundColor: "#dd7631",text: "2").applyFlex(
Flex().flex(2)),
createText(backgroundColor: "#649d66",text: "3").applyFlex(
Flex().flex(3))
],widgetProperties: WidgetProperties(
flex: Flex()
.grow(1)
)
)
)
}
Para saber mais sobre Flex, acesse a documentação do Yoga Layout.
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.