Search⌘ K
AI Features

Scaffold Widget

Explore how the Scaffold widget organizes the basic structure of a Flutter app by implementing material design. Learn to use the appBar, body, and Center widgets along with styling text, preparing you to build visually structured Android app interfaces.

Scaffold widget

The Scaffold widget provides the basic material design visual layout implementation for a MaterialApp.

It acts as a single top-level container for most of the material apps.

In this lesson, we’ll cover the following two properties of Scaffold widget:

  1. appBar: This property defines the app bar to be displayed at the top of the scaffold.
  2. body: The main content of the page goes here.

The Scaffold widget will wrap the app’s contents like below:

  return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Center(
          child: Text(
        
...