Flutter App Anatomy

In this lesson, the basics of Flutter app structure are covered and discussed in detail

Anatomy of Hello Flutter app

Our first version of the app consists of a parent screen and text in the middle of the screen. In Flutter, everything is a widget. That means the screen on which text is rendered is a widget, and the text itself is widget as well.

Our first version of the app consists of a parent screen and text in the middle of the screen.

Please note the app’s widget mapping with the widget tree visual:

  • MaterialApp widget is what you see as a black screen.

  • The text “Hello Flutter !” is centered using the Center widget and the Text widget holds the actual text string.

Get hands-on with 1200+ tech skills courses.