Flutter - LayoutBuilder

Routine·2023년 7월 26일
0

Flutter

목록 보기
4/7

LayoutBuilder

부모 위젯의 크기에 따라 달라질 수 있는 Widget Tree 를 빌드한다.
builder 함수는 다음과 같은 상황에서 호출된다.
1. 부모 widget 이 업데이트 되었을때.
2. 부모 widget 이 다른 constraints 를 전달할때.
3. widget 이 처음 layout 될때.
4. builder 함수가 구독하는 종속성이 변경될 때.

  • 이를 활용하여 각 디바이스의 크기에 맞는 Layout 을 연출할 수 있다. (반응형)
  • LayoutBuilder 를 사용하는 간단한 방법은 아래 코드와 같다.
    builder 함수를 호출하여 각 제약조건에 따른 Widget 을 return 해주면 된다.
LayoutBuilder(
	builder: (BuildContext context, BoxConstraints constraints) {
		if (constraints.maxWidth > 200) {
			return bigWidthBuilder();
		}
		return normalWidthBuilder();
	},
)

위와 같은 LayoutBuilder 의 간단한 예제는 이곳을 참고 바란다.

0개의 댓글