AspectRatio组件
AspectRatio 的作用是根据设置调整子元素 child 的宽高比。
AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高度是由宽 度和比率决定的,类似于 BoxFit 中的 contain,按照固定比率去尽量占满区域。
如果在满足所有限制条件过后无法找到一个可行的尺寸,AspectRatio 最终将会去优先 适应布局限制条件,而忽略所设置的比率。
属性 | 说明 |
---|---|
aspectRatio | 宽高比,最终可能不会根据这个值去布局, 具体则要看综合因素,外层是否允许按照这 种比率进行布局,这只是一个参考值 |
child | 子组件 |
class LayoutDemo extends StatelessWidget {@overrideWidget build(BuildContext context) {return Container(width: 200,child: AspectRatio(aspectRatio: 2.0/1.0,//宽高比child: Container(color: Colors.red,//没有任何内容,但是填满了父元素),),);}
}