위젯상위50선

플러터 위젯 상위 50 선

1. Container: 자식 위젯을 감싸는 기본적인 레이아웃 위젯으로, 크기, 색상, 패딩, 마진 등을 설정할 수 있습니다.

2. Row: 수평으로 위젯을 배열하는 레이아웃 위젯입니다. 자식 위젯들을 가로 방향으로 정렬합니다.

3. Column: 수직으로 위젯을 배열하는 레이아웃 위젯입니다. 자식 위젯들을 세로 방향으로 정렬합니다.

4. Text: 텍스트를 화면에 표시하는 위젯으로, 글꼴, 크기, 색상, 정렬 등을 설정할 수 있습니다.

5. Image: 이미지를 표시하는 위젯으로, 로컬 또는 네트워크 이미지를 지원합니다.

6. Scaffold: 기본적인 앱 구조를 제공하는 위젯으로, 앱 바, 드로어, 바텀 네비게이션 바 등 앱의 기본 레이아웃을 정의합니다.

7. AppBar: 앱의 상단에 위치하는 앱 바로, 제목, 액션 아이콘, 메뉴 등을 배치할 수 있습니다.

8. BottomNavigationBar: 화면 하단에 위치하는 내비게이션 바로, 여러 페이지 간의 탐색을 제공합니다.

9. FloatingActionButton: 화면의 특정 위치에 떠 있는 액션 버튼으로, 주로 사용자의 주요 액션을 트리거하는 데 사용됩니다.

10. ListView: 스크롤 가능한 리스트를 표시하는 위젯으로, 긴 리스트를 효율적으로 렌더링합니다.

11. GridView: 격자 형태로 위젯을 배열하는 레이아웃 위젯으로, 2차원 그리드 레이아웃을 제공합니다.

12. Stack: 자식 위젯들을 겹쳐서 표시하는 위젯으로, 각 자식 위젯의 위치를 지정할 수 있습니다.

13. Align: 자식 위젯을 지정된 정렬 방식에 맞게 배치하는 위젯입니다.

14. Padding: 자식 위젯의 주위에 패딩을 추가하는 위젯으로, 여백을 설정합니다.

15. Margin: 위젯 주변의 여백을 설정하는 위젯입니다. (Container에서 직접 설정 가능)

16. Center: 자식 위젯을 부모 위젯의 중앙에 배치하는 위젯입니다.

17. Expanded: 부모 위젯 내에서 자식 위젯이 가능한 많은 공간을 차지하도록 확장하는 위젯입니다.

18. Wrap: 자식 위젯들을 자동으로 줄 바꿈하여 배치하는 위젯으로, 플렉스 박스의 흐름을 따릅니다.

19. Form: 입력 필드와 검증 로직을 포함하는 위젯으로, 복잡한 폼을 구성할 때 사용됩니다.

20. TextFormField: 텍스트 입력 필드를 생성하는 위젯으로, 사용자로부터 문자열 입력을 받을 수 있습니다.

21. RaisedButton: (Deprecated) 물리적으로 돌출된 버튼으로, 일반적으로 사용자의 클릭 액션을 트리거합니다. 현재는 ElevatedButton으로 대체됩니다.

22. ElevatedButton: 버튼을 나타내며, 물리적으로 돌출된 효과를 줍니다. RaisedButton의 후속 위젯입니다.

23. FlatButton: (Deprecated) 평평한 버튼으로, 현재는 TextButton으로 대체됩니다.

24. TextButton: 평평한 버튼으로, 일반적으로 텍스트만 표시됩니다. FlatButton의 후속 위젯입니다.

25. IconButton: 아이콘을 클릭 가능한 버튼으로 표시하며, 주로 액션 아이콘에 사용됩니다.

26. Checkbox: 체크박스를 표시하는 위젯으로, 선택 또는 해제를 통해 상태를 변경할 수 있습니다.

27. Radio: 라디오 버튼을 표시하는 위젯으로, 그룹 내에서 하나의 옵션을 선택할 수 있습니다.

28. Switch: 두 상태 간의 전환을 가능하게 하는 스위치 위젯입니다.

29. Slider: 범위 내의 값을 선택할 수 있는 슬라이더 위젯입니다.

30. CircularProgressIndicator: 원형으로 로딩 상태를 표시하는 인디케이터입니다.

31. LinearProgressIndicator: 선형으로 로딩 상태를 표시하는 인디케이터입니다.

32. Drawer: 화면의 측면에서 슬라이드로 나타나는 메뉴입니다. 주로 네비게이션에 사용됩니다.

33. AlertDialog: 사용자에게 경고 메시지를 표시하고, 사용자 입력을 받을 수 있는 다이얼로그입니다.

34. SnackBar: 화면 하단에 임시 메시지를 표시하는 위젯으로, 사용자에게 간단한 피드백을 제공합니다.

35. PopupMenuButton: 버튼을 클릭했을 때 팝업 메뉴를 표시하는 위젯입니다.

36. Card: 그림자와 모서리 둥글기가 있는 카드 형태의 레이아웃 위젯으로, 정보를 그룹화하여 표시합니다.

37. ListTile: 리스트의 항목을 표시하는 위젯으로, 아이콘, 텍스트, 서브 텍스트 등을 포함할 수 있습니다.

38. Chip: 정보의 일부분을 태그 형태로 표시하는 위젯입니다. 태그를 클릭하거나 제거할 수 있습니다.

39. Tooltip: 사용자 상호작용에 대한 설명을 제공하는 텍스트 팝업입니다. 요소 위에 마우스를 올리거나 길게 누르면 표시됩니다.

40. Table: 행과 열을 가진 테이블 레이아웃 위젯으로, 데이터를 표 형식으로 표시할 때 사용됩니다.

41. CustomScrollView: 다양한 스크롤 가능한 레이아웃을 사용할 수 있는 위젯입니다. Sliver 위젯들을 포함할 수 있습니다.

42. SliverAppBar: 스크롤 시 확장 및 축소 가능한 앱 바입니다. CustomScrollView와 함께 사용됩니다.

43. SliverList: 스크롤 가능한 리스트를 구성하는 Sliver 위젯으로, CustomScrollView와 함께 사용됩니다.

44. SliverGrid: 스크롤 가능한 격자 레이아웃을 구성하는 Sliver 위젯으로, CustomScrollView와 함께 사용됩니다.

45. AnimatedContainer: Container의 속성을 애니메이션 효과로 변경할 수 있는 위젯입니다.

46. AnimatedOpacity: 자식 위젯의 투명도를 애니메이션 효과로 변경할 수 있는 위젯입니다.

47. Hero: 화면 전환 시 애니메이션 효과를 추가하여 두 화면 간의 위젯을 자연스럽게 전환하는 위젯입니다.

48. FadeTransition: 위젯의 투명도를 애니메이션으로 변경하여 부드러운 전환 효과를 주는 위젯입니다.

49. Positioned: Stack 내에서 자식 위젯의 위치를 지정하는 위젯입니다.

50. SizedBox: 특정 크기의 박스를 생성하는 위젯으로, 위젯의 크기를 조정하거나 빈 공간을 만들 때 사용됩니다.

이 위젯들은 플러터 앱 개발에서 다양한 레이아웃과 인터페이스 요소를 구현하는 데 필수적입니다.

Widget 카테고리 내 다른 글 보러가기