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
相关文章
|
JavaScript
Pinia 与 Vuex 4 相比有哪些优缺点?
Pinia 与 Vuex 4 相比有哪些优缺点?
701 57
|
2天前
|
人工智能 JSON 供应链
畅用7个月无影 JVS Claw |手把手教你把JVS改造成「科研与产业地理情报可视化大师」
LucianaiB分享零成本畅用JVS Claw教程(学生认证享7个月使用权),并开源GeoMind项目——将JVS改造为科研与产业地理情报可视化AI助手,支持飞书文档解析、地理编码与腾讯地图可视化,助力产业关系图谱构建。
23275 1
畅用7个月无影 JVS Claw |手把手教你把JVS改造成「科研与产业地理情报可视化大师」
|
3天前
|
人工智能 API 开发工具
Claude Code国内安装:2026最新保姆教程(附cc-switch配置)
Claude Code是我目前最推荐的AI编程工具,没有之一。 它可能不是最简单的,但绝对是上限最高的。一旦跑通安装、接上模型、定好规范,你会发现很多原本需要几小时的工作,现在几分钟就能搞定。 这套方案的核心优势就三个字:可控性。你不用依赖任何不稳定服务,所有组件都在自己手里。模型效果不好?换一个。框架更新了?自己决定升不升。 这才是AI时代开发者该有的姿势——不是被动等喂饭,而是主动搭建自己的生产力基础设施。 希望这篇保姆教程,能帮你顺利上车。做出你自己的作品。
6410 13
Claude Code国内安装:2026最新保姆教程(附cc-switch配置)
|
11天前
|
缓存 人工智能 自然语言处理
我对比了8个Claude API中转站,踩了不少坑,总结给你
本文是个人开发者耗时1周实测的8大Claude中转平台横向评测,聚焦Claude Code真实体验:以加权均价(¥/M token)、内部汇率、缓存支持、模型真实性及稳定性为核心指标。
4326 23
|
5天前
|
人工智能 缓存 BI
Claude Code + DeepSeek V4-Pro 真实评测:除了贵,没别的毛病
JeecgBoot AI专题研究 把 Claude Code 接入 DeepSeek V4Pro,跑完 Skills —— OA 审批、大屏、报表、部署 5 大实战场景后的真实体验 ![](https://oscimg.oschina.net/oscnet/up608d34aeb6bafc47f
2487 7
Claude Code + DeepSeek V4-Pro 真实评测:除了贵,没别的毛病
|
7天前
|
人工智能 JSON BI
DeepSeek V4 来了!超越 Claude Sonnet 4.5,赶紧对接 Claude Code 体验一把
JeecgBoot AI专题研究 把 Claude Code 接入 DeepSeek V4Pro 的真实体验与避坑记录 本文记录我将 Claude Code 对接 DeepSeek 最新模型(V4Pro)后的真实体验,测试了 Skills 自动化查询和积木报表 AI 建表两个场景——有惊喜,也踩
3008 10
|
23天前
|
人工智能 自然语言处理 安全
Claude Code 全攻略:命令大全 + 实战工作流(建议收藏)
本文介绍了Claude Code终端AI助手的使用指南,主要内容包括:1)常用命令如版本查看、项目启动和更新;2)三种工作模式切换及界面说明;3)核心功能指令速查表,包含初始化、压缩对话、清除历史等操作;4)详细解析了/init、/help、/clear、/compact、/memory等关键命令的使用场景和语法。文章通过丰富的界面截图和场景示例,帮助开发者快速掌握如何通过命令行和交互界面高效使用Claude Code进行项目开发,特别强调了CLAUDE.md文件作为项目知识库的核心作用。
19923 61
Claude Code 全攻略:命令大全 + 实战工作流(建议收藏)

热门文章

最新文章