颤振不同的轴单元

Posted 2023-02-23

【中文标题】颤振不同的轴单元

【英文标题】：Flutter differnt axis units

【发布时间】：2020-03-29 17:16:15

【问题描述】：

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

【参考方案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