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, ..

SizedBox.shrink ()는 장식이 전혀없는 위젯으로 SizedBox() 의 한 종류이다. SizedBox는 widget의 크기를 다루는 위젯인데 기본 속성으로는 width, height만 있지만 SizedBox.expand(), SizedBox.shrink(), SizedBox.fromSize()도 사용하여 커스텀이 가능하다. SizedBox.shrink () 단순히 빈 Widget을 그려주기 위해 null을 반환하는 것이 안되는 상황에서 사용하면 유용하고, 부모 제약 조건의 영향을받지 않는 경우 가능한 가장 작은 영역으로 크기가 조정된다는 장점이 있다.