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

BoxFit参数整理

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

代码语言：javascript复制

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

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

---

DefaultTextStyle字体上下线文

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

代码语言：javascript复制

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

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

参考：

简书-Q吹个大气球Q

flutter

BoxDecoration

container样式描述，可以设置border、bgColor、bdImage、shadow、

传送门:

Flutter-汇总

flutter ios android

0 人点赞