title: How to set Navigator animation background color between Scaffold pages
body: <p>I'm trying to use a different background color on my Scaffolds, however when I push to different page using Navigator, apparently the animation is performed using a fixed white background. </p>
  
  <p>How do I set it?</p>
  
  <p>Example code and behavior below:</p>
  
  <p><a href="https://i.stack.imgur.com/MVVtI.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MVVtI.gif" alt="Navigating to and from page with white background"></a></p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  void main() =&gt; runApp(MyApp());
  
  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'Navigator, how to set animation background?',
        theme: ThemeData(
          primarySwatch: Colors.indigo,
          scaffoldBackgroundColor: Colors.white70,
          canvasColor: Colors.white70,
  
          /* none of those work on the animation:
  
          backgroundColor: Colors.white70,
          splashColor: Colors.white70,
          dialogBackgroundColor: Colors.white70,
          accentColor: Colors.white70,
          cardColor: Colors.white70,
          bottomAppBarColor: Colors.white70,
          cursorColor: Colors.white70,
          disabledColor: Colors.white70,
          buttonColor: Colors.white70,
          dividerColor: Colors.white70,
          errorColor: Colors.white70,
          highlightColor: Colors.white70,
          hintColor: Colors.white70,
          indicatorColor: Colors.white70,
          secondaryHeaderColor: Colors.white70,
          selectedRowColor: Colors.white70,
          textSelectionColor: Colors.white70,
          textSelectionHandleColor: Colors.white70,
          toggleableActiveColor: Colors.white70,
          unselectedWidgetColor: Colors.white70,
          */
        ),
        home: Page(
          title: 'Home Page',
          childPageTitle: 'Child Page',
        ),
      );
    }
  }
  
  class Page extends StatefulWidget {
    Page({Key key, this.title, this.childPageTitle}) : super(key: key);
    final String title;
    final String childPageTitle;
  
    @override
    _PageState createState() =&gt; _PageState();
  }
  
  class _PageState extends State&lt;Page&gt; {
    @override
    Widget build(BuildContext context) {
      Widget button;
  
      if (widget.childPageTitle != null) {
        button = FloatingActionButton(
          onPressed: () =&gt; Navigator.of(context).push(MaterialPageRoute(builder: (context) =&gt; Page(title: widget.childPageTitle))),
          child: Icon(Icons.navigate_next),
        );
      }
  
      return Scaffold(
        appBar: AppBar(title: Text(widget.title)),
        body: Center(child: Text(widget.title)),
        floatingActionButton: button,
      );
    }
  }
  </code></pre>