title: Multiple Scaffolds for each page inside a Flutter App
body: <p>The API documentation: <a href="https://api.flutter.dev/flutter/material/Scaffold-class.html" rel="noreferrer">https://api.flutter.dev/flutter/material/Scaffold-class.html</a> says:</p>
  
  <blockquote>
    <p>The Scaffold was designed to be the single top level container for a
    MaterialApp and it's typically not necessary to nest scaffolds. For
    example in a tabbed UI, where the bottomNavigationBar is a TabBar and
    the body is a TabBarView, you might be tempted to make each tab bar
    view a scaffold with a differently titled AppBar. It would be better
    to add a listener to the TabController that updates the AppBar.</p>
  </blockquote>
  
  <p>Does it mean there needs to be only one single Scaffold under the Material App or one single parent Scaffold for each page. If it's the first, how do we navigate? If the it's later, doesn't it mean the common <code>AppBar</code> and <code>BottomBar</code> get re-rendered on each navigation? What's the best practice.</p>