In the previous post, we wrote text directly in a Stateless widget, which resulted in an ugly screen.
What was the problem?
We didn't specify any UI structure.
This is where you can see a key difference between Flutter and traditional Android development.
In traditional Android, you had to write logic in Java or Kotlin and map it to XML files that handled the UI.
But with Flutter, that's not necessary.
You can implement UI directly through code alone.
This is possible because, as mentioned earlier, Flutter has a very intuitive structure based on widgets.
Looking at the previous code, it only declares that Material Design is being used but doesn't actually use it — it just inserts text.
So I deleted the existing text and created a Scaffold, which is a Stateful widget class.
Scaffold literally means scaffolding or temporary support structure in English,
referring to the temporary framework you see at construction sites — like scaffolding on a building.
So it carries the meaning of a platform for building something,
and just from the image you can see that the Scaffold widget has appBar, body, btn, etc., meaning it's a UI-related class.
So if you keep creating the widget objects you want through constructors,
you can see a screen with UI properly applied like this.
Beyond that,
pressing Ctrl + Space shows you the available design options. Just pick what you want and use it.
If that method feels cumbersome, you can look up the class directly or check the official documentation below.
api.flutter.devhttps://api.flutter.dev/flutter/material/Scaffold-class.html
api.flutter.devhttps://api.flutter.dev/flutter/material/Scaffold-class.html
Scaffold class - Material library - Dart API