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
相关文章
|
4天前
|
Dart
Flutter 中使用 ICON
Flutter 中使用 ICON
Flutter 中使用 ICON
|
5月前
flutter-border
flutter-border
|
7月前
Flutter 之 Stepper
Flutter 之 Stepper Stepper 组件在移动端应用中经常被使用,它可以让用户通过一系列步骤来完成一个复杂的操作。Flutter 中的 Stepper 组件提供了一个简单的方式来实现这个功能。
|
7月前
Flutter中的无名英雄——Focus
Flutter中的无名英雄——Focus 在Flutter中,Focus是一个非常强大的组件,它可以接受用户输入和处理焦点事件,是实现交互功能的重要组成部分。
161 0
|
容器
Flutter基础widgets教程-Align篇
Flutter基础widgets教程-Align篇
118 0
【布局 widget】Flutter Align
【布局 widget】Flutter Align
107 0
【布局 widget】Flutter Align
flutter系列之:flutter中常用的GridView layout详解
GridView是一个网格化的布局,如果在填充的过程中子组件超出了展示的范围的时候,那么GridView会自动滚动。 因为这个滚动的特性,所以GridView是一个非常好用的Widget。今天我们一起来探索一下GridView这个layout组件的秘密。
flutter系列之:flutter中常用的GridView layout详解
flutter系列之:把box布局用出花来
flutter中的layout有很多,基本上看layout的名字就知道这个layout到底是做什么用的。比如说这些layout中的Box,从名字就知道这是一个box的布局,不过flutter中的box还有很多种,今天我们来介绍最常用的LimitedBox,SizedBox和FittedBox。
flutter系列之:把box布局用出花来
Flutter 流式布局之Wrap
Flutter 流式布局之Wrap
381 0
Flutter 流式布局之Wrap
下一篇
DataWorks