我正在嘗試創建一個具有鋒利邊緣的自定義容器，但我無法使角落變得鋒利。
容器應該是什么樣子
uj5u.com熱心網友回復：
像這樣使用 ClipPath 和 Custom Clipper 并使用這個Shape Maker網站來設計這樣的布局，你會得到路徑代碼
ClipPath(
clipper: CustomClipPath(),
child: Container(
height: 12.h,
color: Colors.blue,
),
),
class CustomClipPath extends CustomClipper<Path> {
@override
Path getClip(Size size) {
double w = size.width;
double h = size.height;
final path = Path();
Path path0 = Path();
path0.moveTo(0,size.height*0.8542000);
path0.lineTo(0,0);
path0.lineTo(size.width,0);
path0.lineTo(size.width*0.9341667,size.height*0.0728571);
path0.lineTo(size.width,size.height*0.1400000);
path0.lineTo(size.width*0.9350000,size.height*0.2128571);
path0.lineTo(size.width,size.height*0.2857143);
path0.lineTo(size.width*0.9350000,size.height*0.3557143);
path0.lineTo(size.width,size.height*0.4300000);
path0.lineTo(size.width*0.9350000,size.height*0.5000000);
path0.lineTo(size.width*0.9991667,size.height*0.5728571);
path0.lineTo(size.width*0.9341667,size.height*0.6414286);
path0.lineTo(size.width,size.height*0.7171429);
path0.lineTo(size.width*0.9333333,size.height*0.7871429);
path0.lineTo(size.width*0.9991667,size.height*0.8542857);
path0.lineTo(0,size.height*0.8542000);
path0.close();
return path0;
}
@override
bool shouldReclip(CustomClipper<Path> oldClipper) => false;
}
uj5u.com熱心網友回復：
您可以使用CustomPaint來繪制這個銳利的。
https://api.flutter.dev/flutter/widgets/CustomPaint-class.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/496448.html
上一篇：創建自定義文本框
下一篇：根據相應列中的某些條件排除行