100 Common Flutter widget list

 Flutter widget list



This is just a small sample of the many types of widgets available in Flutter. Flutter has a large collection of pre-designed widgets that you can use to build your app, or you can create your own custom widgets.



Here is a list of some of the commonly used widgets in Flutter:

  1. Container: A box that can contain other widgets.
  2. Text: A widget for displaying short pieces of text.
  3. Button: A button that the user can tap to trigger an action.
  4. Image: A widget for displaying an image.
  5. Card: A material design card.
  6. ListView: A scrolling list of widgets.
  7. AppBar: A top app bar.
  8. BottomNavigationBar: A bottom navigation bar.
  9. Form: A form that can contain text fields, buttons, and other form elements.
  10. DropdownButton: A button that displays a drop-down list of items.
  11. Scaffold: A framework that provides a default app bar, body, and drawer.
  12. TabBar: A bar with tabs for switching between screens.
  13. Stepper: A widget that displays progress through a sequence of steps.
  14. ExpansionPanelList: A list of expandable panels.
  15. Slider: A widget that allows the user to select a value by sliding a thumb along a track.
  16. CupertinoActionSheet: An iOS-style action sheet.
  17. CupertinoActivityIndicator: An iOS-style activity indicator.
  18. CupertinoAlertDialog: An iOS-style alert dialog.
  19. CupertinoButton: An iOS-style button.
  20. CupertinoDatePicker: An iOS-style date picker.
  21. GridView: A scrollable grid of widgets.
  22. FlexibleSpaceBar: A scrollable bar that expands and collapses as the app scrolls.
  23. CustomScrollView: A scrollable list of widgets that are created on demand.
  24. RefreshIndicator: A widget that displays a refresh indicator when the app is being pulled down to refresh.
  25. AnimatedBuilder: A widget that rebuilds a child widget using an animation.
  26. Dismissible: A widget that can be dismissed by swiping in either direction.
  27. InkWell: A widget that adds ink splash effect when tapped.
  28. Hero: A widget that animates a widget from one screen to another.
  29. FadeTransition: A widget that fades between two child widgets.
  30. PositionedTransition: A widget that animates a child widget's position over a given duration.
  31. DataTable: A widget that displays data in a table.
  32. Table: A widget that arranges its children into rows and columns.
  33. Wrap: A widget that displays its children in a wrap layout.
  34. Flow: A widget that displays its children in a flow layout.
  35. SliverList: A scrollable list of widgets that are created on demand.
  36. SliverGrid: A scrollable grid of widgets that are created on demand.
  37. SliverAppBar: A scrollable app bar that expands and collapses as the app scrolls.
  38. Draggable: A widget that can be dragged to a new position.
  39. LongPressDraggable: A widget that can be dragged to a new position after long pressing.
  40. DragTarget: A widget that receives dragged data.
  41. Spacer: A widget that takes up space and helps to layout its children.
  42. AspectRatio: A widget that sizes its child to a specific aspect ratio.
  43. FractionallySizedBox: A widget that sizes its child to a fraction of its parent's size.
  44. LimitedBox: A widget that limits its size.
  45. Offstage: A widget that hides its child out of sight.
  46. OverflowBox: A widget that allows its child to overflow its parent's bounds.
  47. SizedBox: A box that forces its child to have a specific size.
  48. SizedOverflowBox: A box that is smaller than its child, but allows the child to overflow.
  49. Transform: A widget that applies a transformation to its child.
  50. FittedBox: A widget that scales and positions its child within itself and then increases its own size to fully cover its parent.
  51. AnimatedCrossFade: A widget that cross-fades between two children.
  52. AnimatedOpacity: A widget that gradually changes its opacity over a given duration.
  53. AnimatedSize: A widget that gradually changes its size over a given duration.
  54. AnimatedSwitcher: A widget that animates between two children.
  55. AnimatedList: A scrollable list of widgets that animates changes to the list.
  56. FadeInImage: A widget that displays a placeholder image while the target image is loading, then fades in the target image when it is loaded.
  57. LayoutBuilder: A widget that builds its child widget based on the constraints passed by its parent.
  58. NotificationListener: A widget that listens for notifications bubbling up the tree.
  59. Theme: A widget that provides a theme to its descendant widgets.
  60. WillPopScope: A widget that prevents the user from popping the current route off the stack.
  61. AbsorbPointer: A widget that absorbs pointer events.
  62. BackdropFilter: A widget that applies a filter to the existing painted content and then paints child.
  63. ClipRect: A widget that clips its child using a rectangle.
  64. ClipRRect: A widget that clips its child using a rounded rectangle.
  65. ClipPath: A widget that clips its child using a custom path.
  66. DecoratedBox: A widget that paints a decoration before painting its child.
  67. FractionallySizedBox: A widget that sizes its child to a fraction of its parent's size.
  68. Opacity: A widget that makes its child partially transparent.
  69. RotatedBox: A widget that rotates its child.
  70. SizedBox: A box that forces its child to have a specific size.
  71. Placeholder: A lightweight widget that shows a placeholder before its child is built.
  72. Expanded: A widget that expands to fill available space.
  73. Flexible: A widget that adjusts its size based on the space available in its parent widget.
  74. RichText: A widget that displays a paragraph of mixed-style text.
  75. ReorderableListView: A scrollable list of widgets that the user can reorder by dragging.
  76. FlipCard: A widget that flips between two children.
  77. CardSwiper: A widget that swipes between cards.
  78. PageView: A widget that displays a scrollable list of pages.
  79. PageTransitionSwitcher: A widget that animates between pages with a transition.
  80. ShaderMask: A widget that applies a shader to its child.
  81. ToggleButtons: A group of toggle buttons.
  82. DraggableScrollableSheet: A scrollable sheet that can be dragged to expand or collapse.
  83. LayoutBuilder: A widget that builds its child widget based on the constraints passed by its parent.
  84. ListTile: A single fixed-height row that typically contains some text as well as a leading or trailing widget.
  85. TwoLevelListView: A scrollable list of items that can expand to show more items in a sublist.
  86. Flow: A flow-based layout.
  87. Wrap: A flow-based layout where wrapping is done according to the constraints provided by the parent widget.
  88. CustomMultiChildLayout: A widget that defers the layout of its children to a delegate.
  89. NestedScrollView: A scroll view that has another scroll view nested inside it.
  90. InkResponse: A widget that responds to being touched, used to show feedback.
  91. FutureBuilder: A widget that builds its children based on the result of a Future.
  92. StreamBuilder: A widget that builds its children based on the result of a Stream.
  93. AnimatedListState: The state for an AnimatedList.
  94. AutomaticKeepAlive: A widget that preserves its state when it is scrolled off the screen.
  95. ClipOval: A widget that clips its child using an oval.
  96. CustomPaint: A widget that provides a canvas on which to draw during the paint phase.
  97. InheritedModel: A widget that merges its ancestors' inherited models.
  98. LayoutId: An ID for a child of a CustomMultiChildLayout.
  99. RichTextSpan: A span of rich text.
  100. SliverPersistentHeader: A sliver that has a header that stays visible while the sliver is scrolled.

Post a Comment

0 Comments