⚠️ 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 .
Display
Display
Esta propriedade define o tipo de exibição deste componente, o que permite um container ser flexível ou bloqueado de acordo com o valor passado.
O Display possibilita ainda um contexto flexível para todos os seus elementos filhos diretos. Nesta propriedade, temos dois atributos:
- Flex
- None
Flex
Quando esse valor for definido permite que os elementos ficam flexível.
None
Quando esse valor for definido permite que os elementos não sejam mostrado na tela, assim tendo sua altura e largura com valor 0.
private fun screen() :Widget{
return Container(
children = listOf(
createText(backgroundColor = "#142850", text = "1"),
createText(backgroundColor = "#dd7631", text = "2").applyFlex(
Flex(display = FlexDisplay.NONE)
),
createText(backgroundColor = "#649d66", text = "3")
)
).applyFlex(
Flex(flexDirection = FlexDirection.ROW,
alignItems = AlignItems.CENTER,
justifyContent = JustifyContent.CENTER,
grow = 1.0
)
)
}
private func screen() -> Screen {
return
Screen(
navigationBar: NavigationBar(title: "Flex"),
child:
Container(children: [
createText(backgroundColor: "#142850",text: "1"),
createText(backgroundColor: "#dd7631",text: "2").applyFlex(
Flex().display(.none)),
createText(backgroundColor: "#649d66",text: "3")
],widgetProperties: WidgetProperties(
flex: Flex()
.grow(1)
.flexDirection(.row)
.justifyContent(.center)
.alignItems(.center)
.alignItems(.center)
)
)
)
}
Para saber mais sobre Display, acesse a documentação do Yoga Layout.
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.