💧 flutter

[Flutter] IntrinsicWidth class 정리

coram22 2022. 7. 6. 00:45
728x90
반응형

IntrinsicWidth class

바로 이전에 IntrinsicHeight class에 대해 다루었다.
height가 있으니 width도 존재한다.

IntrinsicHeight class와 거의 비슷한 내용이다.
위 설명에서 height를 width로 바꿔서 이해하면 된다.


이 위젯은 너비가 제한되지 않고 무한 확장을 시도하는 child를 필요로 할 때 유용하다.

이 위젯이 child에게 전달하는 constraints는 부모의 constraints를 지키기 때문에 만약 constraints가 child의 최대 고유 높이를 포함할 만큼 충분히 크지 않으면 비교적 낮은 높이를 가지게 된다. 반대로, 최소 높이 constraints가 child의 최대 고유 높이보다 크면 비교적 더 많은 높이가 지정된다.

  • 부모의 constraints < child의 고유 너비
    낮은 너비를 가지게 된다.
  • 부모의 constraints > child의 고유 너비
    높은 너비를 가지게 된다.

즉, child는 부모의 constraints를 따르는데, 이 때 부모의 constraints와 child의 고유 너비 사이의 관계에 대한 것이다.

이 class 또한 가능한 사용하지 않는 것을 추천한다.

<사용 후>

(사진출처: https://bsscco.github.io/posts/flutter-layout-widgets/)

728x90
반응형