What is the Widget Tree?

 

Every Flutter app is a tree of widgets.
Each widget nests inside another to create the complete UI structure.

Example:

MaterialApp(
  home: Scaffold(
    appBar: AppBar(title: Text("Hello")),
    body: Center(child: Text("Welcome")),
  ),
);

Here, the tree looks like:
MaterialApp → Scaffold → AppBar → Text / Center → Text

Comments

Post a Comment

Popular posts from this blog

1. What is Flutter?

 Flutter is an open-source UI toolkit developed by Google for building natively compiled applications for mobile (Android, iOS), web, desktop , and embedded devices from a single codebase . Language used: Dart Rendering Engine: Skia Developed by: Google       Advantages: Single codebase for multiple platforms Hot reload for faster development High performance (compiles to native ARM code) Rich widget library
Read more

What is FutureBuilder and StreamBuilder?

 Both are widgets to handle asynchronous data. FutureBuilder – For one-time data (Future) FutureBuilder( future: getData(), builder: (context, snapshot) { if (snapshot.hasData) return Text(snapshot.data); return CircularProgressIndicator(); }, ); StreamBuilder – For continuous data (Stream) StreamBuilder( stream: counterStream, builder: (context, snapshot) { if (snapshot.hasData) return Text('${snapshot.data}'); return CircularProgressIndicator(); }, );
Read more