Flutter에는 그림의 특성등을 지정하는 Paint, 그림을 그리는 동작이 기록되는 Canvas, 앞의 두 class 를 담아내는 CustomPainter 와 상위 위젯 CustomPaint 가 있다. paint, canvas, foregroundPainter, customPainter 순으로 stack 처럼 쌓아올리며 그려지며 나중에 그려지는 위젯이 제일 위에 위치한다 페인팅하라는 요청을 받으면 CustomPaint는 먼저 페인터에게 현재 캔버스에 페인팅하도록 요청한 다음 자식을 칠하고 자식을 그린 후 foregroundPainter 에 페인팅을 요청한다. 캔버스의 좌표계는 CustomPaint 객체 의 좌표계와 일치한다 . CustomPainter 를 상속받는 class에 하기와 같이 구현하면 pa..

flutter의 elevatedButton을 꾸미는 스타일을 보면 overlayColor라는 효과가 있다. ' /// The highlight color that's typically used to indicate that /// the button is focused, hovered, or pressed. final MaterialStateProperty? overlayColor; 위와 같이 색상을 입력하면 됩니다 라는 식의 설명이 쓰여있다. 그렇다면 어떻게 이걸 잘 이용해서 다양한 효과를 줄 수 있을까? MaterialState ElevatedButton( onPressed: () {}, style: ButtonStyle( overlayColor: MaterialStateProperty.resolve..

flutter 를 개발하다보면 제일 화가 나는건 ...overflowed 에러이다.. 그냥 알아서 사이좋게 간격 조절 잘 해서 딱딱 나올 수 는 없을까? 아무튼, 이게 생기는 이유는 위젯을 만들때 지정한 크기 혹은 지정 된 크기 이상으로 넘쳤을 때 발생하는 것이다. 하지만 사람이라는것이 어디서 내가 이 오류를 겪었는지 모르기 마련이즤... 대충 오류인 지점 같은 곳을 찾아가 보면 늘 column 이나, row, container 가 있었다. 그럴 땐, SingleChildScrollView 로 감싸 주면 된다. SingleChildScrollView( scrollDirection: Axis.horizontal, child: Row( '코드 작성' ), ), 아니라면 ListView 로 감싸주면 된다. L..

flutter 를 사용하다보면 html 처럼 부모 위젯의 크기에 비례하여 사이즈 조절을 하고 싶을 떄가 있다. 그때 사용 하는 것이 FractionallySizedBox 위젯이다. [FractionallySizedBox] FractionallySizedBox 위젯은 부모 위젯의 크기에 대한 상대적인 크기로 자식 위젯의 크기를 조정하는 위젯으로 widthFactor와 heightFactor 매개변수를 사용하여 자식 위젯의 너비와 높이를 부모 위젯의 너비와 높이의 비율로 지정할 수 있다. 이렇게 부모의 사이즈의 반반으로 위젯을 배치하고 싶다면 아래와 같이 써 주면 된다. 참고로 0.5 는 50% 를 뜻하고 1.0 은 100%를 뜻한다. FractionallySizedBox( widthFactor: 0.5, ..