[flutter] container min-max width, height

dev-nam 2022. 2. 27. 12:57

플러터 위젯 min-max width, height 적용하기

디자인을 하다보면 최소, 최대 폭과 높이를 지정해야 하는 경우가 있다. 플러터에서는 Container() 위젯을 사용하여 최소, 최대값을 설정할 수 있다.

 

먼저 Container() 위젯에 constrains 속성값에 BoxConstraints()를 사용하는 방법이다.

Container(
  constrains: BoxConstrains(
    minWidth: 100,    
    minHeight: 100,
  ),
  child: ...,
),

 

두번째 방법은 ContainedBox()를 사용하는 방법이다. 하지만 이 방법보다는 첫번째 방법이 코드가 조금이라도 적다.

ConstrainedBox(
  constraints: BoxConstraints(
    minWidth: 100,
    minHeight: 100,
  ),
  child: Container(
    ...,
    child: ...,
  ),
),

 

반응형

'주제 > flutter' 카테고리의 다른 글

[flutter] cached_network_image package  (0) 2022.04.09
[flutter] 앱 테마 설정하기  (0) 2022.04.03
[flutter] Class.fromMap  (0) 2022.03.20
[flutter] datetime timestamp  (0) 2022.03.09
[flutter] sqlite db 사용하기  (0) 2022.03.09