Flutter-6.Container详细使用

Flutter开发

Posted by 松下百合子 on March 27, 2019

开发Flutter应用中使用到相关知识,当做笔记记之。

官网api

  • https://docs.flutter.io/flutter/widgets/Row-class.html

  • https://blog.csdn.net/huyongl1989/article/details/83745871

构造函数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Container({
    Key key,
    this.alignment,
    this.padding,
    Color color,
    Decoration decoration,
    this.foregroundDecoration,
    double width,
    double height,
    BoxConstraints constraints,
    this.margin,
    this.transform,
    this.child,
  })

关键属性

  • key: 该属性代表当前widget的唯一标识符(类似于Android中的id),在程序运行过程中,如果想调用该widget的某个方法,那就需要设置该属性值,该属性不是必须值
  • alignment: 子元素的对齐方式,官方已经提供了几种常用的对齐方式
  • padding: 这个比较好理解,跟Android中的是一个意思,内边距
  • color: 设置组件的背景色
  • decoration: 与color属性功能一样,都是设置背景,不过decoration功能更强大,它可以设置背景图片、圆角、渐变、阴影、边框等
  • width & height: 组件的宽高
  • constraints: 组件的宽高限制
  • margin: 外边距
  • transform: 矩阵转换
  • child: 子元素

  • Container如果作为应用的根节点的话,它的宽高会自动填充为屏幕大小。
  • Container则是用来设置背景、设置大小、设置边距(padding)的布局