[Flutter] CustomPaint 사용법

제공하는 위젯 등 이외에 자신이 뭔가를 그리고 싶은 경우에 사용한다.

 

CustomPaint(

    size:size,   <= 자신만의 그림에 대한 Size를 넘겨준다. size: 10 등등

    painter: LoginBackground( ), <= painter가 abstract class를 사용함으로 함수 선언을 할 때 extend를 해준다

),

 

class LoginBackground extends CustomPainter {

    @override

    void paint(Canvas canvas, Size size ) {

        Paint paint = Paint( ) ..color = Colors.blue;  <= Paint의 color 속성에 blue를 넣고 생성한다. (.. 에 주의)

        canvas.drawCircle(Offset(size.width*0.5, size.height*0.2), size.height*0.5 .... );

    }

 

    @override

    bool shouldRepaint(CustomPainter oldDelegate) { 

        return false;    <= 매번 뒷 배경을 다시 그릴 필요가 없다

    }

}