Flutter Styling Widgets

发表于 分类于 ， ，

Flutter Styling Widgets由*Padding* ,Theme ,MediaQuery 构成。

  • Padding 创建一个Widget来约束子元素与边界的距离;

    构造函数：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
      const Padding({
        Key key,
        @required this.padding,
        Widget child,
      }) : assert(padding != null),
           super(key: key, child: child);
                  
    使用案例：

        Padding(
          padding: EdgeInsets.all(100),
          child: Text("你好!!!"),
        )

  • ThemeData 创建合适的方案数据，如明暗度，大小等;

  • MediaQuery 构建一棵子树来查询给定的媒体数据，Flutter由一系列的Widgets构成，要得到和计算出各个Widget的大小，需要一棵关系树来维护相关媒体数据;