Flutter VS Compose - 01

Padding

Compose

modifier = Modifier
    .padding(16.dp)

Flutter

Padding(
    padding: const EdgeInsets.{...},
    child: ...
)

conditional widget

Compose

if (...) A else B

Flutter

if (...) ... [
    A
] else ... [
    B
]

weight

Compose

Column {
    Text(
        modifier = Modifier.weight(0.2f)
    )
    Text(
        modifier = Modifier.weight(0.8f)
    )
}

Flutter

Column(
    children: [
        Expanded(
            flex: 2,
            child: ~
        ),
        Expanded(
            flex: 8,
            child: ~
        )
    ]
)

width, height:

Compose

Column {
    Text(
        modifier = Modifier.width(200.dp).height(100.dp)
    )
}

• maxWidth: fillMaxWidth

Flutter

Column(
    children: [
        SizedBox(
            width: 200,
            height: 100
            child: ~
        )
    ]
)

• maxWidth: double.maxFinite