颤振不同轴单位

Question

如何使用多种单位类型（空间百分比，像素数等）来调整小部件的大小？一个CSS等效示例是div{width: 70%; height: 50px}

Answer 1

可以做这样的事情：

        Container(
          width: MediaQuery.of(context).size.width * 0.50, // this would be 50% of screen width
          height: 50,
        )

另一个选择是：

        LayoutBuilder(
            builder: (BuildContext context, BoxConstraints constraints) {
                return Container(
                  width: constraints.maxWidth * 0.50, // 50% of parent size
                  height: 50,
                );
            }
        )

更多信息，请访问：Sizing elements to percentage of screen width/height