All Flutter Widgets Explained: Your Essential Guide

Показать описание

This is every Flutter widget! In this video, we explore all the Flutter widgets you need to create stunning and functional mobile apps. From layout and styling to user interaction, we’ll break down each widget and demonstrate how to use them effectively. Whether you’re a beginner or looking to refresh your skills, this comprehensive guide will help you harness the full potential of Flutter. Don’t forget to check the timestamps in the pinned comment for quick navigation!

MUST WATCH

TIMESTAMPS
⚠️ YouTube has a 50 timestamp limit in the description. So, if you need timestamps for each widget, please check the pinned comment.
0:00:00 Intro 🚀
0:00:31 Widgets 0-5
0:04:15 Widgets 6-10
0:10:58 Widgets 11-15
0:22:04 Widgets 16-20
0:28:05 Widgets 21-25
0:32:55 Widgets 26-30
0:38:27 Widgets 31-35
0:41:48 Widgets 36-40
0:45:14 Widgets 41-45
0:47:34 Widgets 46-50
0:51:14 Widgets 51-55
0:55:35 Widgets 56-60
1:01:14 Widgets 61-65
1:06:13 Widgets 66-70
1:09:36 Widgets 71-75
1:14:36 Widgets 76-80
1:19:13 Widgets 81-85
1:25:30 Widgets 86-90
1:31:16 Widgets 91-95
1:35:34 Widgets 96-100
1:42:41 Widgets 101-105
1:49:16 Widgets 106-110
1:54:45 Widgets 111-115
1:58:27 Widgets 116-120
2:02:54 Widgets 121-125
2:07:27 Widgets 126-130
2:11:45 Widgets 131-135
2:16:00 Widgets 136-140
2:21:05 Widgets 141-145
2:25:01 Widgets 146-150
2:27:46 Widgets 151-155
2:32:15 Widgets 156-160
2:37:41 Widgets 161-165
2:42:40 Widgets 166-170
2:46:45 Widgets 171-175
2:51:12 Widgets 176-180
2:54:41 Widgets 181-185
2:59:00 Widgets 186-190
3:01:46 Widgets 191-195
3:06:13 Widgets 196-200
3:11:17 Widgets 201-205
3:16:55 Widgets 206-210
3:20:06 Widgets 210-215
3:23:28 Outro 🚀

GITHUB

WEBSITE

#EveryFlutterWidget
#Fluttermapp
#Flutter

Рекомендации по теме

Комментарии

TIMESTAMPS
0:00 Intro 🚀

⚡WIDGET 000 - 025 ⚡
0:31 About Dialog
1:16 About List Tile
1:51 Absorb Pointer
2:35 Alert Dialog
3:34 Align

4:15 Animated Align
5:23 Animated Builder
7:00 Animated Container
8:23 Animated Cross Fade
9:33 Animated Default Text Style

10:58 Animated Icon
12:47 Animated List
16:26 Animated Modal Barrier
19:39 Animated Opacity
20:31 Animated Padding

22:04 Animated Physical Model
23:27 Animated Positioned
24:44 Animated Rotation
25:45 Animated Size
26:41 Animated Switcher

28:05 App Bar
28:59 Aspect Ratio
29:45 Auto Complete
31:07 Backdrop Filter
32:01 Banner

⚡WIDGET 026 - 050 ⚡
32:55 Baseline
33:29 Block Semantics
35:27 Bottom Navigation Bar
36:45 Bottom Sheet
37:35 Builder

38:27 Card
39:01 Center
39:42 Checkbox
40:21 Checkbox List Tile
41:24 Chip

41:48 Choice Chip
42:22 Circle Avatar
42:54 Circular Progress Indicator
43:23 Clip Oval
44:24 Clip Path

45:14 ClipRect
46:24 ClipRRect
46:24 Close Button
46:47 Colored Box
47:04 Color Filtered

47:34 Constrained Box
48:18 Container
49:00 Column
50:01 Cupertino App
50:35 Cupertino Page Scaffold

⚡WIDGET 051 - 75⚡
51:14 Cupertino Action Sheet Action
52:23 Cupertino Activity Indicator
52:50 Cupertino Alert Dialog
53:57 Cupertino Button
54:47 Cupertino Context Menu

55:35 Cupertino Date Picker
57:16 Cupertino Page Route
58:11 Cupertino Page Scaffold
58:57 Cupertino Picker
1:00:19 Cupertino Popup Surface

1:01:14 Cupertino Scroll Bar
1:02:03 Cupertino Search Text Field
1:02:48 Cupertino Segmented Control
1:04:36 Cupertino Slider
1:05:25 Cupertino Sliding Segmented Control

1:06:13 Cupertino Switch
1:06:47 Cupertino Tab Scaffold
1:07:29 Cupertino Tab Bar
1:08:17 Cupertino Tab View
1:09:05 Cupertino Text Field

1:09:36 Custom Paint
1:10:59 Custom Scroll View
1:12:00 Data Table
1:12:46 Data Column
1:13:28 Data Cell

⚡WIDGET 076 - 100 ⚡
1:14:36 Time Picker
1:14:03 Data Row
1:15:48 Date Picker
1:16:59 Date Range Picker
1:18:19 Decorated Box

1:19:13 Decorated Box Transition
1:21:35 Default Text Style
1:22:36 Dismissible
1:24:15 Divider
1:24:51 Draggable Scrollable

1:25:30 Drag Target
1:27:16 Draggable
1:28:47 Drawer
1:29:48 Drawer Header
1:30:11 Dropdown Button

1:31:16 Elevated Button
1:32:01 Error Details
1:32:48 Error Widget
1:33:55 Expanded
1:34:36 Expand Icon

1:35:34 Expansion Panel List
1:37:12 Expansion Panel
1:39:30 Expansion Tile
1:40:40 Fade In Image
1:41:36 Fade Transition

⚡WIDGET 101 - 125 ⚡
1:42:41 Filter Chip
1:43:24 Fitted Box
1:44:15 Flexible
1:45:37 Floating Action Button
1:46:31 Flow

1:49:16 Flutter Logo
1:49:47 Form
1:51:13 Fractional Translation
1:52:28 Fractionally Sized Box
1:53:05 Future Builder

1:54:45 Gesture Detector
1:55:33 Grid Paper
1:56:00 Grid Tile
1:56:49 Grid Tile Bar
1:57:42 Grid View

1:58:27 Hero
1:59:49 Icon
2:00:21 Icon Button
2:01:02 Ignore Pointer
2:02:22 Image

2:02:54 Indexed Stack
2:03:58 Inkwell
2:07:42 Input Chip
2:05:50 Interactive Viewer
2:06:34 Layout Builder

⚡WIDGET 126 - 150 ⚡
2:07:27 Limited Box
2:08:20 Linear Progress Indicator
2:09:22 Listener
2:10:43 List Tile
2:11:07 List View

2:11:45 List Wheel Scroll View
2:12:15 Long Press Draggable
2:13:35 Material App
2:14:37 Material Banner
2:15:27 Material Button

2:16:00 Merge Semantics
2:16:33 Modal Barrier
2:17:53 System Mouse Cursors
2:18:37 Mouse Region
2:20:00 Navigation Bar

2:21:05 Notification Listener
2:22:39 Offstage
2:23:23 Opacity
2:23:55 Orientation Builder
2:24:31 Outlined Button

2:25:01 Overflow Bar
2:25:31 Overflow Box
2:26:04 Padding
2:26:42 Page View
2:27:06 Physical Modal

⚡WIDGET 151 - 175⚡
2:27:46 Physical Shape
2:28:16 Placeholder
2:28:52 Platform Menu Bar
2:30:37 Popup Menu Button
2:31:35 Positioned

2:32:15 Positioned Transition
2:34:14 Preferred Size
2:34:59 Radio
2:36:08 Radio List Tile
2:37:00 Range Slider

2:37:41 Raw Autocomplete
2:39:23 Raw Chip
2:39:47 Refresh Indicator
2:40:35 Reorderable List View
2:41:51 Rich Text

2:42:40 Rotated Box
2:43:02 Rotation Transition
2:44:04 Row
2:44:40 Scaffold
2:45:47 Scale Transition

2:46:45 Scrollbar
2:47:16 Selectable Text
2:47:44 Semantics
2:48:34 Shader Mask
2:49:26 Shortcuts

⚡WIDGET 176 - 200⚡
2:51:12 Simple Dialog
2:52:04 Single Child Scroll View
2:52:37 Size Transition
2:53:39 Sized Box
2:54:07 Sized Overflow Box

2:54:41 Slide Transition
2:55:51 Slider
2:56:29 Sliver App Bar
2:57:39 Sliver Fixed Extent List
2:58:18 Sliver Grid

2:59:00 Sliver List
2:59:35 Sliver Opacity
3:00:15 Sliver Padding
3:00:43 Sliver To Box Adapter
3:01:08 Snack Bar

3:01:46 Spacer
3:02:29 Stack
3:02:58 Stepper
3:04:29 Stream Builder
3:05:51 Switch

3:06:13 Switch List Tile
3:06:46 Tab Bar
3:07:35 Tab Page Selector
3:09:17 Table
3:10:29 Text

⚡WIDGET 201 - 215⚡
3:11:17 Text Button
3:12:25 Text Field
3:13:21 Text Form Field
3:14:59 Text Span
3:15:43 Theme Data

3:16:55 Toggle Buttons
3:17:32 Tooltip
3:17:54 Transform
3:18:21 Tween Animation Builder
3:19:11 Value Listenable Builder

3:20:06 Vertical Divider
3:20:37 Visibility
3:21:20 Will Pop Scope
3:22:24 Wrap
3:23:06 Safe Area

3:23:28 Outro 🚀

FlutterMapp

Man appreciate you for helping the community with such great tutorials. This is the video which every flutter developer would have wanted for so long. All widgets at one place. 👍🤘

lonerider

Sir hats off to you for your dedication. I'm at beginner level and i just can't tell you how happy i am seeing your extraordinary tutorials. I just finished 1 hour beginner tutorial and just wow, So happy to have found this incredible channel. Once again Thank you Sir.

Adde

Wonderful series with mindblowing consistency. What's next? Every Flutter Package ever created?

RivaanRanawat

I just keep on roaming here and there on youtube finding widgets and at last, I came to the jukebox of widgets xD. Thanks, man for the best series ever. Appreciated

syedaliiiabbas

Amazing, can't even thank you enough, that's great work!!! Helped me a lot and I know is helping a lot of others developers too

Gu.henning

thanks for making this video! Learned a lot, I appreciate it.

But one thing...
You forgot to include the Mooner widget!! I love that one, use it all the time

Tyrowo

Wow man this huge level of work great !thanks for your effort ! god bless you

bashasha

This is insane, if I need jist of any widget from the docs, I just need to check the timestamp and thats it. This is literally a goldmine for Flutter devs.

marufhassan

This is amazing by all means. Thanks for spending effort/time to prepare such comprehensive material 👍

autozone

In one word its an outstanding video, working brilliantly as our mindmap !! You deserve more praise

ArkaRoy

Insane work. I just looked for a drop, now i found the ocean.

rahulkp

All the widgets in the docs, thats insane

marufhassan

Awesome work, really appreciate you for helping us !, I hope you do another series where you show use cases for each widget in real world apps :D

haitam-je