[flutter] 플러터(Flutter)에서 사용되는 위젯의 종류는 어떤 것이 있나요?

플러터(Flutter)는 Google에서 개발한 UI 프레임워크로, 다양한 위젯을 제공하여 다양한 종류의 애플리케이션을 만들 수 있습니다. 이번 포스트에서는 플러터에서 주로 사용되는 위젯의 종류를 간단히 소개하겠습니다.

기본 위젯

  1. Container: 다른 위젯들을 포함하고 있는 표면적인 위젯으로, 크기, 배경색, 여백 등을 설정할 수 있습니다.
  2. Text: 텍스트를 표시하기 위한 위젯으로, 폰트, 크기, 색상 등을 설정할 수 있습니다.
  3. Image: 이미지를 표시하기 위한 위젯으로, 로컬 또는 원격 URL로부터 이미지를 가져와 표시할 수 있습니다.
  4. RowColumn: 가로 또는 세로로 위젯들을 배열하기 위한 위젯으로, 자식 위젯을 가로 또는 세로로 정렬할 수 있습니다.
  5. ListView: 스크롤 가능한 리스트를 표시하기 위한 위젯으로, 대량의 데이터를 표시할 때 유용합니다.
  6. Button: 사용자와 상호작용할 수 있는 버튼을 표시하는 위젯으로, 클릭 등의 이벤트를 처리할 수 있습니다.

레이아웃 위젯

  1. Scaffold: 애플리케이션의 기본 레이아웃을 구성하는 위젯으로, 앱바, 드로어, 바텀 네비게이션 등을 설정할 수 있습니다.
  2. AppBar: 상단에 나타나는 앱바를 생성하는 위젯으로, 타이틀, 액션 버튼 등을 설정할 수 있습니다.
  3. Drawer: 화면 왼쪽에서 나타나는 드로어를 생성하는 위젯으로, 메뉴 항목 등을 설정할 수 있습니다.
  4. BottomNavigationBar: 화면 하단에 나타나는 바텀 네비게이션을 생성하는 위젯으로, 여러 페이지나 섹션으로 애플리케이션을 분리할 때 사용할 수 있습니다.
  5. Card: 머터리얼 디자인의 카드 형태의 위젯으로, 그림자와 같은 스타일을 적용하여 정보를 담은 카드를 만들 수 있습니다.

사용자 입력 위젯

  1. TextField: 사용자의 텍스트 입력을 받는 위젯으로, 키보드와 연동하여 텍스트를 입력할 수 있습니다.
  2. Checkbox: 사용자의 체크 여부를 나타내는 위젯으로, 하나 이상의 항목을 선택할 수 있습니다.
  3. RadioButton: 여러 옵션 중 하나만 선택할 수 있는 위젯으로, 라디오 버튼처럼 동작합니다.
  4. Switch: On/Off 상태를 선택할 수 있는 위젯으로, 토글 스위치처럼 동작합니다.
  5. Slider: 사용자가 값을 선택할 수 있는 위젯으로, 특정 범위 내에서 값을 조정할 수 있습니다.

위에서 소개한 위젯들은 플러터(Flutter)에서 주로 사용되는 일부 위젯입니다. 플러터(Flutter)에서는 위젯의 조합을 통해 보다 복잡한 UI를 구현할 수 있는데, 위젯의 속성과 레이아웃을 조정하여 다양한 디자인을 구현할 수 있습니다.

더 많은 위젯에 대한 정보를 얻고 싶으시다면 Flutter 공식문서를 참고하시기 바랍니다.