flutter 容器 记录

container ：Container类似于iOS中的UIView

Container定义属性

Container({
  this.alignment,
  this.padding, //容器内补白，属于decoration的装饰范围
  Color color, // 背景色
  Decoration decoration, // 背景装饰
  Decoration foregroundDecoration, //前景装饰
  double width,//容器的宽度
  double height, //容器的高度
  BoxConstraints constraints, //容器大小的限制条件
  this.margin,//容器外补白，不属于decoration的装饰范围
  this.transform, //变换
  this.child,
})

Scaffold：带有路由的widget，有点和uinavigationController相似

expanded ：灵活布局，子空间平均分配空间

Decoration：装饰器，边框，圆角，阴影，渐变，背景图

• BoxDecoration:实现边框、圆角、阴影、形状、渐变、背景图像
• ShapeDecoration:实现四个边分别指定颜色和宽度、底部线、矩形边色、圆形边色、体育场（竖向椭圆）、 角形（八边角）边色
• FlutterLogoDecoration:实现Flutter图片
• UnderlineTabindicator:下划线

mediaquery：获取屏幕信息的一个类

• MediaQuery.devicePixelRatio 每一个逻辑像素点对应的物理像素点个数
• MediaQuery.size.width 用逻辑像素表示的屏幕宽度
• MediaQuery.size.height 用逻辑像素表示的屏幕高度
• MediaQuery.padding.top 屏幕上部被系统UI遮挡的部分的逻辑高度（即：状态栏高度）
• MediaQuery.textScaleFactor 显示文字时，每一个逻辑像素对应的字体像素

padding：内部填充，挤压的是容器的内部

margin：外部距离，挤压的是容器