Introduction: it took one year to finish the detailed usage of 330+ components, including not only UI components, but also functional components.

Although the basic usage of 330+ components has been sorted out, it is not necessary for you to learn every one of them once. Basically, 20% of any technology can solve 80% of the problems, so you can start the project only by learning the basic components. As for other controls, you only need to browse. It’s ok to remember that Flutter already provides this component when you come across some functionality while working on a project.

So don’t freak out at 330+ components, this isn’t an article to get you from starter to quit, it’s an article to get you started faster. I hope you will use this as a reference book and refer to it again when you need it.

Which controls should you learn? Don’t worry, next I will share the series of Articles on Flutter Practice on my official account (there is a QR code at the end of the article, or search “Lao Meng Flutter” directly). This series of articles contains a large number of practical cases and effects that can be used in practical projects to get you into the door of Flutter as soon as possible.

Flutter Control

330+ components have been organized into PDF, totaling 658 pages.

Inheritance diagram

Take a look at the overall component inheritance diagram.

Direct subclasses of widgets, only 4 (there is actually one abstract class)

RenderObjectWidget and its subclasses are 89:

There are 34 ProxyWidgets and their subclasses:

There are 89 StatelessWidgets and their subclasses:

StatefulWidget has the most subclasses, up to 141

Thank you

Here I want to thank many like-minded friends, such as Rock, PRINCIPAL I, K423-D, ordinary programmer, running smoothly. They provide very good quality articles.

communication

Old Meng Flutter blog address (nearly 200 controls usage) : laomengit.com