[flutter] Diagonal Box - 대각선 박스
class DiagonalClipper extends CustomClipper<Path> {
Path getClip(Size size) {
final path = Path();
// 대각선이 끊어지는 부분 수정가능
path.lineTo(0.0, size.height * 0.65);
path.lineTo(size.width, size.height);
path.lineTo(size.width, 0.0);
path.close();
return path;
}
bool shouldReclip(DiagonalClipper oldClipper) => false;
}
아래처럼 사용.
ClipPath(
clipper: DiagonalClipper(),
child: Container(
height: boxHeight,
child: ...,
),
),
Author And Source
이 문제에 관하여([flutter] Diagonal Box - 대각선 박스), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jyukki97/flutter-Diagonal-Box-대각선-박스저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)