105AspectRatio调整宽高比组件_flutter

AspectRatio组件

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

AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽 度和比率决定的，类似于 BoxFit 中的 contain，按照固定比率去尽量占满区域。

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

class LayoutDemo extends StatelessWidget {
 @override
  Widget build(BuildContext context) {
    return Container(
      width: 200,
      child: AspectRatio(
        aspectRatio: 2.0/1.0,//宽高比
        child: Container(
          color: Colors.red,//没有任何内容,但是填满了父元素
        ),
      ),
    );
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14