What is the difference between Scaffold and MaterialApp in Flutter?

Question

I have two screens, where
First: Listing of data from Firebase
Second: Add data in that screen so I want to comeback to first screen, Everything working fine only there was a black screen when I go back. Now issue was gone, I have searched for how it works but its still not clear my concept about this, Can any one describe how it works?

Before:

return new MaterialApp(       title: "AddEditNames ",       home: new AddEditNameScreen(), ); 

After: when i have replaced it by

 return new Scaffold(       backgroundColor: Color.fromRGBO(30, 30, 30, 1.0),       body: new AddEditNameScreen(),       appBar: new AppBar(         elevation: 0.0,         backgroundColor: Colors.blueAccent,         actions: <Widget>[         ],         title: new Text(           "AddEditNames",           style: new TextStyle(color: Colors.white),         ),         centerTitle: true,       ),  ); 

Answer 1

MaterialApp is the starting point of your app, it tells Flutter that you are going to use Material components and follow material design in your app.

Scaffold is used under MaterialApp, it gives you many basic functionalities, like AppBar, BottomNavigationBar, Drawer, FloatingActionButton etc.

So, this is how a typical app starts with.

void main() {   runApp(MaterialApp(     home: Scaffold(       appBar: AppBar(),       body: YourWidget(),     ),   )); }