13、Flutter AspectRatio 调整子元素child的宽高比

AspectRatio的作用是根据设置调整子元素child的宽高比。

 

childAspectRatio 是 GridView 和 AspectRatio 控件中的一个参数

 

AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展，widget的高度是由宽度和比率决定

的，类似于BoxFit中的contain，按照固定比率去尽量占满区域。

 

如果在满足所有限制条件过后无法找到一个可行的尺寸，AspectRatio最终将会去优先适应布局限制条

件，而忽略所设置的比率。

class MyApp1 extends StatelessWidget {
  const MyApp1 ({super.key});

  @override
  Widget build(BuildContext context) {
    return AspectRatio(
      aspectRatio: 2/1,
      child: Container(
        color: Colors.red,
      ),
    );
  }
  //需求:页面上显示一个容器，宽度是屏幕的宽度，高度是容器宽度的一半
}