flutter的AspectRatio组件与ConstrainedBox组件

AspectRatio即用于设置特定长宽比的组件，主要参数aspectRatio用于设置要是使用的长宽比，使用较简单。

class AspecrDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AspectRatio(
    //设置宽高比
      aspectRatio: 1.0/2.0,
      child: Container(
        color: Colors.amber,

      ),
    );
  }
}

ConstrainedBox

ConstrainedBox即创建一个Widget，该Widget对其子child施加附加约束。之前在constrain也有简单使用，即该组件一般集成在constrain中使用。

ConstrainedBox({
    Key key,
    @required this.constraints,
    Widget child
  })

constraints 其类型为BoxConstraints，一些基本的约束：

const BoxConstraints({
    this.minWidth = 0.0,
    this.maxWidth = double.infinity,
    this.minHeight = 0.0,
    this.maxHeight = double.infinity
  })

minWidth 满足约束条件的最小宽度

maxWidth 满足约束条件的最大宽度；可能是[double.infinity]（1.0 / 0.0）

minHeight 满足约束条件的最小高度

maxHeight 满足约束条件的最大高度；可能是[double.infinity]（1.0 / 0.0）

child 受约束的子child

class ConstrBoxDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ConstrainedBox(
        constraints: BoxConstraints(
          maxHeight: 200,
          maxWidth: 200
        ),
      child: Container(
        color: Colors.amber,
      ),
    );
  }
}