flutter-Decoration

简介: flutter-Decoration

Decoration

继承

Object-> Diagnosticable-> Decoration

实现
BoxDecoration
FlutterLogoDecoration
ShapeDecoration
UnderlineTabIndicator

注解

@Immutable 啥玩意? 英文翻译不可变,创建了就不可变了,变了就会生成一个新的 这个不是重点,继续下面翻译

构造方法(加了一个const??)

Abstract const constructor. This constructor enables subclasses to provide const constructors so that they can be used in const expressions.

抽象const构造函数。此构造函数使子类能够提供const构造函数,以便它们可以在const表达式中使用

const Decoration()
BoxDecoration

Object-> Diagnosticable-> Decoration->BoxDecoration

构造方法
const BoxDecoration({
  this.color,
  this.image,
  this.border,
  this.borderRadius,
  this.boxShadow,
  this.gradient,
  this.backgroundBlendMode,
  this.shape = BoxShape.rectangle,
}) : assert(shape != null),
     assert(
       backgroundBlendMode == null || color != null || gradient != null,
       'backgroundBlendMode applies to BoxDecoration\'s background color or '
       'gradient, but no color or gradient was provided.'
     );

创建一个盒子装饰。
  • 如果color为null,则此装饰不会绘制背景颜色
  • 如果color为null,则此装饰不会绘制背景颜色。
  • 如果image为null,则此装饰不会绘制背景图像。
  • 如果border为null,则此装饰不会绘制边框。
  • 如果borderRadius为null,则此装饰使用更高效的背景绘制命令。该borderRadius如果参数必须为空shape是 BoxShape.circle。
  • 如果boxShadow为null,则此装饰不会绘制阴影。
  • 如果gradient为null,则此装饰不会绘制渐变。
  • 如果backgroundBlendMode为null,则此装饰使用BlendMode.srcOver进行绘制
该shape参数不能为空。 final修饰必须要在构造方法赋值
属性
backgroundBlendMode → BlendMode
border → BoxBorder 边框
borderRadius → BorderRadiusGeometry 圆角
boxShadow → List 一个BoxShadow集合
color → Color 背景色
gradient → Gradient RadialGradient
image → DecorationImage 背景图片
padding → EdgeInsetsGeometry
shape → BoxShape 形状,默认矩形
shape → ShapeBorder 形状,ShapeDecoration的属性和BoxDecoration的区别
UnderlineTabIndicator

与TabBar.indicator一起使用以在选定选项卡下方绘制水平线。

属性
borderSide → BorderSide 盒子边框的一面
insets → EdgeInsetsGeometry ??


下面需要学习的widget
相关文章
|
3月前
flutter-border
flutter-border
|
5月前
Flutter中的无名英雄——Focus
Flutter中的无名英雄——Focus 在Flutter中,Focus是一个非常强大的组件,它可以接受用户输入和处理焦点事件,是实现交互功能的重要组成部分。
126 0
|
容器
Flutter基础widgets教程-Align篇
Flutter基础widgets教程-Align篇
109 0
【布局 widget】Flutter Align
【布局 widget】Flutter Align
97 0
【布局 widget】Flutter Align
flutter系列之:把box布局用出花来
flutter中的layout有很多,基本上看layout的名字就知道这个layout到底是做什么用的。比如说这些layout中的Box,从名字就知道这是一个box的布局,不过flutter中的box还有很多种,今天我们来介绍最常用的LimitedBox,SizedBox和FittedBox。
flutter系列之:把box布局用出花来
|
容器
【布局 widget】 Flutter Padding
Flutter Padding 是用来给 child 在四周增加空白的 widget。实际上 Flutter 中的 margin 也是用 Padding 来实现的。
192 0
Flutter 使用自定义字体
Flutter 使用自定义字体
280 0
Flutter 使用自定义字体
Flutter 流式布局之Wrap
Flutter 流式布局之Wrap
360 0
Flutter 流式布局之Wrap
Flutter入门:Offstage和Visibility
flutter有两种方法Offstage和Visibility可以控制widget的隐藏
1252 0