Flutter：SizedBox与Container

SizedBox

主要应用在 对子控件的大小的一些约束，能强制子控件具有特定宽度、高度或两者都有,使子控件设置的宽高失效

它主要两个作用:

• 限制子元素控件的大小
• 设置两个控件之间的距离

class RowDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        SizedBox(
          height: 100.0,  // 高度
          width: 100.0,  // 宽度
          child: Container(
            decoration: BoxDecoration(
              color: Colors.yellow,
              borderRadius: BorderRadius.circular(8.0), // 四个角的弧度
            ),
            child: Icon(Icons.autorenew),
          ),
        ),
        SizedBox(   // 设置上下两控件的间距
          height: 100.0,
        ),
        SizedBox(
          height: 200.0,
          width: 200.0,
          child: Container(
            decoration: BoxDecoration(
              color: Colors.yellow,
              borderRadius: BorderRadius.circular(8.0),
            ),
            child: Icon(Icons.autorenew),
          ),
        )
      ],
    );
  }
}