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 manipula toda parte de tamanho do item em tela. O Size conta com os seguintes atributos:
width, heigth, maxWidth,maxHeight, minWidth, minHeigh, aspectRatio
Define o tamanho da largura do item
Define o tamanho da altura do item.
Define uma largura máxima.
Define uma altura máxima.
Define uma largura mínima.
Define uma altura mínima.
É uma propriedade criada pelo Yoga Layout que define a proporção de largura de acordo com altura do item, seguindo uma lógica de valor double > 0.
Isso significa dizer que, por exemplo, se você aplicar uma altura de 100dp em um componente e o aspectRatio de 2, a largura será 2 vezes a altura onde terá o valor de 200dp.
private fun screen() :Widget{
return Container(
children = listOf(
createText(backgroundColor = "#142850", text = "1").applyFlex(
Flex(size = Size(width = 50.unitReal(),height = 50.unitReal()))
),
createText(backgroundColor = "#dd7631", text = "2").applyFlex(
Flex(size = Size(maxWidth = 70.unitReal(),maxHeight = 70.unitReal(),
minWidth = 30.unitReal(),minHeight = 30.unitReal()))
),
createText(backgroundColor = "#649d66", text = "3").applyFlex(
Flex(size = Size(width = 70.unitReal(),aspectRatio = 2.0))
)
)
).applyFlex(
Flex(flexDirection = FlexDirection.ROW)
)
}
private func screen() -> Screen {
return
Screen(
navigationBar: NavigationBar(title: "Flex"),
child:
Container(children: [
createText(backgroundColor: "#142850",text: "1").applyFlex(
Flex().size(Size()
.width(50).height(50))),
createText(backgroundColor: "#dd7631",text: "2").applyFlex(
Flex().size(Size()
.maxWidth(70).maxHeight(70)
.minWidth(30).minHeight(30))),
createText(backgroundColor: "#649d66",text: "3").applyFlex(
Flex()
.size(Size().width(70).aspectRatio(2.0))
),
],widgetProperties: WidgetProperties(
flex: Flex()
.grow(1)
.flexDirection(.row)
.justifyContent(.spaceEvenly)
.alignItems(.center)
)
)
)
}
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.