Flutter组件Container详解

作者: 低调的微胖 | 来源:发表于2019-07-04 22:34 被阅读0次

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：外边距

Flutter 布局
Flutter 布局详解 Flutter 布局（一）- Container详解 Flutter 布局（二）- Pa...
Flutter组件Container详解
Container是Flutter里很常用的一个组件，类似于html中的div。如图所示，和div一样，cont...
Flutter组件详解之 Container
一个拥有绘制、定位、调整大小的 widget。最常用的默认布局！只能包含一个child:，支持配置 paddin...
2019-10-13 Flutter学习(二)之Flutter
一、Flutter Text 组件二、Container 组件说明： border:Border.all()...
Flutter 05 - Container、Text 组件详解
一、Text 组件名称功能textAlign文本对齐方式(center 居中，left 左对齐，right 右...
Flutter学习：Container 组件和Text组件详解
一.复习上一节 flutter项目的基本结构二. Container组件 Container：是一个容器组件，可...
Flutter2.6 Container组件 Text组件详解
1.Container组件container 容器组件 (div)decoration 背景边框颜色 {borde...
flutter动画组件AnimatedContainer
这是flutter最基础的动画组件，用起来也是很简单。比Container组件就只是多了curve，duratio...
Flutter基础组件-Container
基本使用介绍：
Flutter 容器组件（Container）
容器组件（Container）容器组件（Container）包含一个子 Widget，自身具备如 alignme...