Flutter Learning 4 - Basic UI Components

Scaffold Scaffold translates to the meaning of scaffolding, which is a basic interface that packs common elements required by an interface, such as title bar, FloatButton drawer menu, bottom toolbar, etc.
const Scaffold({
Key key,
this.appBar, // title bar
this.body, // Widget used to display the main content of the current interface
this.floatingActionButton, // A button floating on the body, displayed in the lower right corner by default
this.floatingActionButtonLocation, // used to set the position displayed by the floatingActionButton
this.floatingActionButtonAnimator, //The animation when the floatingActionButton moves to a new position
this.persistentFooterButtons, // multi-state buttons
this.drawer, // drawer menu on the left
this.endDrawer, // drawer menu on the right' side
this.bottomNavigationBar, // bottomNavigation Bar.
this.bottomSheet, // the toolbar displayed at the bottom
this.backgroundColor, // the background color of the content
this.resizeToAvoidBottomPadding = true, // control whether the interface content body is re-layout to avoid the bottomOverlays, such as when the keyboard is displayed, rearranges the content to avoid being covered by the keyboard.
this.primary = true, // Whether the Scaffold is displayed at the top of the page
})