본문 바로가기
Mobile APP/Flutter

[Flutter] Custom Paint Border Radius 있는 rect 그리기

by 흐암졸령 2023. 2. 15.
반응형

방법

 borderRadius 에서 toRRect method 를 사용하여서 그리면 된다.

 

void paint(Canvas canvas, Size size) {
    BorderRadius borderRadius = BorderRadius.circular(10);
    Paint paint = Paint()..color = Color.red;

    Rect rect = Rect.fromCenter(center: Offset(40, 40), width: 40, height: 40);
    RRect borderRect = borderRadius.toRRect(rect);

    canvas.drawRRect(borderRect, pointPaint);
}

 

결과 화면

* background 색은 신경쓰지 않아도 됩니다.

반응형

댓글