Flutter(三)--Image.BoxFit,DefaultTextStyle,BoxDecorationFlutter(三)--Image.BoxFit,DefaultTextStyle,Box

用户8893176

发布于 2021-08-09 14:01:58

4590

发布于 2021-08-09 14:01:58

文章被收录于专栏：小黑娃Henry

BoxFit参数整理

该属性做了两件事情：缩放（scale）,位置调整（position）
条件：
- 有外部约束：按照外部约束调整自身尺寸，然后缩放调整child，按照指定的条件进行布局；
- 无外部约束：则跟child尺寸一致，指定的缩放以及位置属性将不起作用。

enum BoxFit {
//满足宽和高同时达到child尺寸的最大值；
  fill,
//在满足宽高比例不变、宽和高都不超出child的前提后，尽可能大；
  contain,//默认值
//在满足宽高比例不变、填满整个区域（常用）；
  cover,
//在满足宽高比例不变、宽达到child的最大值；
  fitWidth,
//在满足宽高比例不变、高达到child的最大值；
  fitHeight,
//无比例，宽高都不超出child；
  none,
//在满足宽高比例不变，宽高都不超出child，尺寸尽可能不调整；
  scaleDown,
}

[图片上传失败...(image-64417c-1556101519326)]

DefaultTextStyle字体上下线文

DefaultTextStyle.merge创建一个字体上下文，该方法可以指定一个自定义的字体样式，后面的所有文本都将遵守这个样式，类似于html中的全局css样式。

//创建一个自定义字体样式
final descTextStyle = TextStyle(
      color: Colors.black,
      fontFamily: 'Roboto',
      fontSize: 18,
);

//使用
final tips = Container(
      child: DefaultTextStyle.merge(
        style: descTextStyle,
        child: Text('asd'),
    ),
);