Flutter基础控件之SizedBox

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 翻译自“Auto Layout Guide”。 1 入门 1.1 理解自动布局 自动布局根据视图层级结构中视图上的...
    lakerszhy阅读 9,145评论 3 26
  • 方圆百亩的田地里 只有一颗大树 我怀疑有什么 禅意等我领悟 一场春雨洗路 瞧 连尘土都留不住 ——《春树》 ​​​​
    段童阅读 1,053评论 0 0
  • 写在前面的话: 2006年,我大二。张老师是我的初一时候的语文老师,很和蔼的一位老师。他对我有些偏爱,可能就是因为...
    悦念风花雪月阅读 1,592评论 0 1
  • 经典检索算法:BM25原理 - 作业部落 Cmd Markdown 编辑阅读器
    菜鸟瞎编阅读 1,033评论 0 0
  • 我坐月子那会儿,咋就那么舍不得让他半夜干一件事呢,呼呼睡得那个香,换尿布,哄睡,陪玩,哄哭,盖被子,一样他都没睁开...
    葭溪阅读 994评论 2 3