美文网首页
Flutter基础控件之SizedBox

Flutter基础控件之SizedBox

作者: 青年别来无恙 | 来源:发表于2020-02-01 23:09 被阅读0次

SizedBox

SizedBox是一个固定尺寸的盒子,一般用来作为间隔。

class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        SizedBox(
          width: 100,
          height: 100,
          child: Container(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10.0),
              color: Colors.green,
            ),
            child: Icon(Icons.ac_unit, color: Colors.white),
          ),
        ),
        SizedBox(
          height: 20.0,
        ),
        Icon(Icons.person, size: 80, color: Colors.red),
        Icon(Icons.edit, size: 80, color: Colors.red),
        Icon(Icons.poll, size: 80, color: Colors.red),
      ],
    );
  }
}

效果

SizedBox

相关文章

网友评论

      本文标题:Flutter基础控件之SizedBox

      本文链接:https://www.haomeiwen.com/subject/pylfxhtx.html