Flutter 固定宽高比(AspectRatio)

AspectRatio是固定宽高比控件。AspectRatio会尽可能扩展，height通过widht和设置的aspectRatio计算而得。酷客教程的Flutter 调整宽高比也有对AspectRatio做基本介绍，请大家参考。

看下面的例子，设置aspectRatio，同时设置父组件Container width为150，代码如下：

Container(
width: 150,
child: AspectRatio(aspectRatio: 2, child: Text('RaisedButton')
)
  )

运行效果如图所示：

如果给Container的height也设置为150，代码如下：

Container(
width: 150,
height: 150,
color: Colors.red,
child: AspectRatio(aspectRatio: 2, child: Text('AspectRatio')
)
  )

运行后发现，并没有按照设置的比例来显示，所以如果AspectRatio无法找到设置比例的尺寸，AspectRatio将会忽略比例。

酷客网相关文章：

• Flutter 对齐布局(Align)
• Flutter 居中布局(Center)
• Flutter 填充布局(Padding)
• Flutter Cupertino风格组件(CupertinoSwitch)