FlutterFlow 기초 - #21 레이아웃 위젯 Flex

레이아웃 위젯 Flex위젯  사용방법

  플랙스(Flex) 위젯은 Row위젯 또는 Column 위젯 대안으로 사용할 수 있으며 특정 조건에 따라 레이아웃을 동적으로 설정하는 위젯으로 화면의 크기에 따라 자식 위젯들의 배열을 정렬할 때 사용

간단한 수직 또는 수평 배열만 필요한 경우  Row 또는 Column을 사용하는 것을 권장 매우 많은 수의 자식 항목에 대해서는 Flex 대신 ListView 나 GridView를 사용하는 것을 권장. 많은 수의 위젯의 경우 스크롤로 구현하는 것이 더 나은 구성이 될 수 있음 콘텐츠가 화면 제한을 초과하면 스크롤을 활성화하여 콘텐츠를 접근 가능하게 만들 수 있으나 스크롤을 하지 않고 모든 콘텐츠를 화면에 맞추고 싶다면 Wrap 위젯을 사용하는 것을 권장

Properties 설정하기

1) Padding & Alignment

• Flex전체의 Padding과 Ailgnment를 설정

2) Flex Properties

• Is Horizontal : 위젯의 배열을 수평으로 변경
  • 특정 조건 없이 활성화할 경우 수직 배열에서 수평 배열로 변환됨
  • Set from Varlable을 클릭하여 Global Properties -> Screen Width를 클릭하여 값을 입력하면 입력한 값의 크기의 화면이 되면 배열이 수직에서 수평으로 변경 됨