From the course: Flutter Essential Training: Build for Multiple Platforms
Unlock the full course today
Join today to access over 24,000 courses taught by industry experts.
Challenge: Draw the widget tree - Flutter Tutorial
From the course: Flutter Essential Training: Build for Multiple Platforms
Challenge: Draw the widget tree
(upbeat music) - We have already drawn the widget tree for the counter app but let's imagine a real life scenario where you are working for a company project, and you wrote all this widget code for the app you are working on, but it is very hard for a newcomer in the team to quickly scan the widgets and understand the structure. Would you be kind enough to help out this newcomer by creating a widget tree diagram for them? Well, yes, that is your challenge. Your task is to draw a widgetry for a widget or screen that I will provide. So here we will use a sample code from DartPad itself. So if you go back to DartPad and click on new pad, make sure you create a flutter DartPad. And in the samples here, you will find a sunflower project. Load that and let's run to see what it exactly does. So here you have a sunflower with some seeds and you can change the number of seeds for pretty interesting. So now…
Contents
-
-
-
-
Making use of various Flutter resources4m 11s
-
(Locked)
Installing Flutter and setting up Android Studio on Mac11m 4s
-
(Locked)
Installing Flutter and setting up Android Studio on Windows11m 32s
-
(Locked)
Which Flutter version to use?2m 39s
-
(Locked)
Running the Hello World app on mobile, desktop, and web6m 18s
-
(Locked)
Anatomy of a Flutter project3m 54s
-
(Locked)
Understanding the Counter App code10m 3s
-
(Locked)
Challenge: Draw the widget tree1m 44s
-
(Locked)
Solution: Draw the widget tree2m 54s
-
(Locked)
Bonus: Getting to know Android Studio6m 47s
-
-
-
-
-
-
-