본문 바로가기

App Programming/Flutter20

[Flutter] Widget - Expanded 1. Expanded란? Expanded Widget은 Row, Column, Flex Widget의 하위 Widget 영역을 확장하여 빈 공간을 채우는 역할을 합니다. 2. Expanded 생성자 및 속성 https://api.flutter.dev/flutter/widgets/Expanded-class.html Expanded class - widgets library - Dart API A widget that expands a child of a Row, Column, or Flex so that the child fills the available space. Using an Expanded widget makes a child of a Row, Column, or Flex expand to fi.. 2022. 4. 24.
[Flutter] Widget - Row 1. Row란? Row Widget은 하위 Widget들을 가로 배열로 보여주는 Widget입니다. 사용 시 주의사항으로는 하위 Widget들이 표현 가능한 범위를 초과하면 오류가 발생합니다. 화면보다 더 많은 하위 Widget을 표현하고 싶다면, 스크롤을 제공하는 ListView Widget을 사용해야 합니다. 2. Row 생성자 및 속성 https://api.flutter.dev/flutter/widgets/Row-class.html Row class - widgets library - Dart API A widget that displays its children in a horizontal array. To cause a child to expand to fill the available hori.. 2022. 4. 18.
[Flutter] Widget - Column 1. Column이란? Column Widget은 하위 Widget들을 세로 배열로 보여주는 Widget입니다. 사용 시 주의사항으로는 하위 Widget들이 표현 가능한 범위를 초과하면 오류가 발생합니다. 화면보다 더 많은 하위 Widget을 표현하고 싶다면, 스크롤을 제공하는 ListView Widget을 사용해야 합니다. 2. Column 생성자 및 속성 https://api.flutter.dev/flutter/widgets/Column-class.html Column class - widgets library - Dart API A widget that displays its children in a vertical array. To cause a child to expand to fill the .. 2022. 4. 18.
[Flutter] Widget - Container 1. Container란? Container Widget은 1개의 하위 Widget을 생성할 수 있는 Flutter의 기본 Widget입니다. 테두리, 여백, 정렬, 크기 등의 다양한 요소를 설정하여 하위 Widget을 꾸밀 수 있습니다. 하위 Widget이 있는 경우, 하위 Widget에 맞는 크기로 설정됩니다. 하위 Widget이 없는 경우, 최대치로 차지 가능한 범위의 크기로 설정됩니다. 2. Container 생성자 및 속성 https://api.flutter.dev/flutter/widgets/Container-class.html Container class - widgets library - Dart API A convenience widget that combines common painti.. 2022. 4. 18.
[Flutter] Widget - SafeArea 1. SafeArea란? SafeArea Widget은 다양한 모바일 화면(크기, 노치 등)에서도 컨텐츠가 온전히 보여질 수 있도록 충분한 여백이 확보된 영역을 의미합니다. 2. SafeArea 생성자 및 속성 https://api.flutter.dev/flutter/widgets/SafeArea-class.html SafeArea class - widgets library - Dart API A widget that insets its child by sufficient padding to avoid intrusions by the operating system. For example, this will indent the child by enough to avoid the status bar at t.. 2022. 4. 17.
[Flutter] Widget - Scaffold 1. Scaffold란? Scaffold Widget은 Material Design을 시각적인 레이아웃 구조로 구현할 수 있는 많은 기능을 가지고 있습니다. 상단 메뉴, 배경 색상, 본문 영역, 하단 메뉴 등 많은 주요 기능을 제공합니다. 2. Scaffold 생성자 및 속성 https://api.flutter.dev/flutter/material/Scaffold-class.html Scaffold class - material library - Dart API Implements the basic material design visual layout structure. This class provides APIs for showing drawers and bottom sheets. To display .. 2022. 4. 17.