小编Eke*_*agu的帖子

在Flutter中创建具有堆叠列表项的ListView

我偶然发现了这种设计 在此处输入图片说明

并尝试在抖动中实现它,我能够使用剪辑路径创建曲线。这就是我所拥有的在此处输入图片说明

我试图摆脱形状之间的空间,以便它们可以折叠。

这是我的CurvedRectangleClipper:`import'package:flutter / material.dart';

class CurvedRectangleClipper extends CustomClipper<Path> {
final double offset = 80;
@override
Path getClip(Size size) {
    // TODO: implement getClip
    Path path = Path();
    path.lineTo(0, size.height - offset);
    var firstEndpoint = Offset(offset, size.height);
    path.arcToPoint(firstEndpoint, radius: Radius.circular(-offset),clockwise: false);

    path.lineTo(size.width, size.height);
    path.lineTo(size.width, offset);
    path.lineTo(offset, offset);

    var secondEndPoint = Offset(0,0);

    path.arcToPoint(secondEndPoint, radius: Radius.circular(-offset),clockwise: true);
    path.lineTo(0, 0);
    path.close();
    return path;
}

@override
bool shouldReclip(CustomClipper oldClipper) {
    // TODO: implement shouldReclip
    return true;
}
}
Run Code Online (Sandbox Code Playgroud)

and this is my main.dart …

dart flutter flutter-layout

1
推荐指数
1
解决办法
1372
查看次数

标签 统计

dart ×1

flutter ×1

flutter-layout ×1