Flutter - 05. (2) Stateful Widgets

](

The above is good reference material as well.

![](

UPsksQigSF6fnZZ06sg.tOo35xDMx2gUl5o97qab1NdpxDNknpYR2g6t8fedKnUg.PNG.cdw0424/image.png?type=w966)

And this part here —

![](

i7xpQ6xO6rQ5EJq_Ccg.h-DJjJ3QIEXcGa-OY_fLy3EEuW93tIFKMKfN3rVMyfQg.PNG.cdw0424/image.png?type=w966)

If you notice it's exactly the same as what we saw in the Stateless widget, you can infer that it serves the same role.

However, since the Stateless post was written first,

![](

rNUaj3Zi8ZWF5d0T-8g.CnKb_Myg2prZOXU80CxHFzxGBp-VNdy3GOlnQrr7XDwg.PNG.cdw0424/image.png?type=w966)

you might be wondering: "Do I always have to create a Stateless widget first in the main function?"

But creating a Stateful widget directly is perfectly fine too. So don't let that confuse you.

So far, we've taken a brief look at the structure of Flutter.

Starting next time, we'll dive deeper and actually look at how screens are composed.

However, if we just display text without any structure,

![](

NDxu1p_FTo8KE49k_8g.JOYDW1LCDURv5zO4YhO1ypStq3mOUe4vvJ0fl7gH_14g.PNG.cdw0424/image.png?type=w966)

you end up with this hideous screen.