flutter - 为从容器创建的 ClipPath 添加阴影 - Flutter
问题描述
我想为从 Container 创建的 ClipPath 添加阴影。这是我创建的 ClipPath:
ClipPath(
clipper: RibbonClipper(),
child: Container(
height: 20,
width: 80,
decoration: BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(5.0),
bottomLeft: Radius.circular(5.0),
),
color: Color(0xFF338D5E),
),
),
),
而 CustomClipper 路径是:
@override
Path getClip(Size size) {
var path = Path();
path.lineTo(0, size.height);
path.lineTo(size.width, size.height);
path.lineTo(size.width * .90, size.height * .5);
path.lineTo(size.width, 0);
return path;
}
@override
bool shouldReclip(CustomClipper<Path> oldClipper) {
return true;
}
}
解决方案
不久前我不得不这样做。我发现这个结合了 ClipPath 和阴影的非常有用的要点。或者,似乎有人把它做成了 package,但我没有测试它。
推荐阅读
- for-loop - for 循环是否遍历 Lua 和 Love2d 中的空表?
- testing - 为什么我不能在 DW 测试中测试不为零且介于 -1 和 1 之间的自相关?
- mysql - 往返中的多个航班号 - MySQL
- ios - @Published 属性内模型更新时的 SwiftUI 触发功能
- python - 之间有什么不同。和 () 在 python
- git - 在不删除文件的情况下撤消未提交的 Git 更改 - 我错误地添加了我的计算机文件,我需要将其撤消
- javascript - 构建 Ionic Vue - 在注册表中找不到 vue 加载器
- sql - 分组依据基于 Redshift 中的后续标志(间隙和孤岛问题)
- raspberry-pi - 尝试将 Raspberry Pi 4 设置为链接的 wifi/以太网路由器
- 3d - 如何从 3D 对象获取 X、Y、Z 的坐标?