From the course: Flutter Essential Training: Build for Multiple Platforms

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Breaking down designs: More examples

Breaking down designs: More examples - Flutter Tutorial

From the course: Flutter Essential Training: Build for Multiple Platforms

Start my 1-month free trial Buy for my team

Breaking down designs: More examples

“

- [Instructor] Let's try out some more designs that we can break down into atomic and molecular widgets. This one has a bunch of elements, horizontal lists and vertical lists, that itself has a bunch of confidence. Let's break this vertical list down. Since this is a collection of elements- This is definitely a molecular widget, perhaps a list, but we are more concerned about the list item inside the list. Now, the main question we should ask once we have separated out the block or component is: What is the parent widget for this? Do you think it will be a stack, a column, or a row? Let's try out all the options and see if a particular parent widget fits the situation. Well, we can't say this is a stack because having a white background is equivalent to not having any background, right? Yes, if this were an image or a solid background, then maybe, maybe it could have been a stack. Thumbs down for stack. Then, let's…

Contents