Flutter组件Container详解

Container是Flutter里很常用的一个组件，类似于html中的div。

Container中的盒子模型

如图所示，和div一样，container也可以设置宽度（width）、高度（heigth）、内边距（padding）、外边距（margin）、边框（border）。

常用属性讲解
width：容器的宽度
heigth：容器的高度
color：容器的背景色

Container(
        height: 200,
        width: 200,
        color: Colors.lightBlue,
      )

效果如图


长宽背景

padding：内边距
margin：外边距

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,809评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,748评论 1赞 45
  • CSS相关总结
    一、CSS入门 1、css选择器 选择器的作用是“用于确定（选定）要进行样式设定的标签（元素）”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,628评论 0赞 6
  • 盒子模型
    什么是盒子？ CSS处理网页时，它认为每个元素都包含在一 个不可见的盒子里。 我们只需要将相应的盒子摆放到网页中相...
    咻咻咻滴赵大妞阅读 938评论 0赞 0
  • 拿得起放不下的那些人，最怕曾经拥有
    卫媛说：“我不爱他，但他让我过上了那种生活，经历过那种生活后，其他的活法都没有意义。” 那种生活。丰田MR2和阿尼...
    未舒阅读 938评论 11赞 7