firmament

基于 Flutter/Druid/Iced 的 Rust 布局算法。

它是如何工作的？

资源

https://flutterdart.cn/docs/development/ui/layout https://flutterdart.cn/docs/codelabs/layout-basics

impl MainWidget {
    fn build(context: BuildContext) -> Widget {
        Row(
            children: [
                BlueBox(),
                BlueBox(),
                BlueBox(),
            ]
        )
    }
}

impl BlueBox {
    fn build(context: BuildContext) -> Widget {
        Container {
            width: 50.0,
            height: 50.0,
            decoration: BoxDecoration(
                color: ...,
                border: ...
            )
        }
    }
}

轴大小和对齐

Row 有水平主轴和 Column 垂直主轴。 mainAxisSize 决定了 Row 和 Column 在它们的主轴上可以占用多少空间。

MainAxis.max MainAxis.min