Flutter Navigation Routing

main.dart

import 'package:flutter/material.dart';

const String _AccountName = 'Aravind Vemula';
const String _AccountEmail = '[email protected]';
const String _AccountAbbr = 'AV';

void main() => runApp(new Keeper());

class Keeper extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Keeper',
      theme: new ThemeData(
        primaryColor: Colors.yellow.shade700
      ),
      home: new KeeperDrawer(),
      // Routes
      routes: <String, WidgetBuilder> {
        Notes.routeName : (BuildContext context) => new Notes()
      }
    );
  }
}

class KeeperDrawer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      drawer: new Drawer(
        child: new ListView(
          padding: const EdgeInsets.only(top: 0.0),
          children: <Widget>[
            new UserAccountsDrawerHeader(...),
            new ListTile(
              leading: new Icon(Icons.lightbulb_outline),
              title: new Text('Notes'),
              onTap: () {
                Navigator.of(context).pop();
                // Navigator.of(context).pushNamed(Notes.routeName) won't have
                // transition animation and can be used for modal forms
                // Which we will see in Forms & Validation.
                // Navigator.of(context).pushNamed(Notes.routeName);
                
                // To add transition we are using PageRouteBuilder
                Navigator.of(context).push(
                  new PageRouteBuilder(
                    pageBuilder: (BuildContext context, _, __) {
                      return new Notes();
                    },
                    transitionsBuilder: (_, Animation<double> animation, __, Widget child) {
                      return new FadeTransition(
                        opacity: animation,
                        child: child
                      );
                    }
                  )
                );
              },
            ),
            // ... collapsed
            ...
          ]
        )
      ),
      appBar: new AppBar(
        title: new Text('Keeper'),
      ),
      body: new Center(
        child: new Text('Hello World!')
      )
    );
  }
  
  _onTapOtherAccounts(BuildContext context) {...}
  _onListTileTap(BuildContext context) {...}
  
}

class Notes extends StatelessWidget {
  static final String routeName = '/notes';
  
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      drawer: new Drawer(),
      appBar: new AppBar(
        title: new Text('Notes'),
      ),
      body: new Center(
        child: new Text(
          'Notes',
          style: new TextStyle(
            fontSize: 24.0
          )
        ),
      ),
    );
  }
}