Flutter 将阴影添加到从容器创建的ClipPath-颤振
我想将阴影添加到从容器创建的剪贴画中。 这是我创建的ClipPath:Flutter 将阴影添加到从容器创建的ClipPath-颤振,flutter,flutter-layout,shadow,clip-path,flutter-widget,Flutter,Flutter Layout,Shadow,Clip Path,Flutter Widget,我想将阴影添加到从容器创建的剪贴画中。 这是我创建的ClipPath: ClipPath( clipper: RibbonClipper(), child: Container( height: 20, width: 80, decoration: BoxDecoration(
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;
}
}
@覆盖
路径getClip(大小){
var path=path();
path.lineTo(0,大小.高度);
path.lineTo(大小.宽度,大小.高度);
path.lineTo(size.width*.90,size.height*.5);
path.lineTo(size.width,0);
返回路径;
}
@凌驾
bool shouldReclip(CustomClipper oldClipper){
返回true;
}
}
我刚才不得不这么做。我发现它结合了阴蒂和阴影。或者,它看起来像某个人,但我没有测试它。你不能这样做-使用自定义形状顺序
而不是代替否,不,不,如果你想要自定义形状,请像任何其他颤振形状一样使用自定义形状顺序
(BeveledRectangleBorder
/CircleBorder
/ContinuousRectangleBorder
/RoundedRectangleBorder
/StadiumBorder
),有关自定义示例,请参见:您是说不要使用ClipPath吗@pskink@VijayPD你可以试着用他的方法,因为这不是陈词滥调(别忘了clipBehaviour:Clip.antialas
在容器上)。但我个人无法将其用于我的用例。它与ClipPath
不可互换。还有一个ShapeBorderClipper
类,我找不到很好的例子。