Add settings page to Sky’s stocks example app

sky/examples/stocks2/lib/stock_home.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 import 'package:sky/editing2/input.dart';
 import 'package:sky/rendering/box.dart';
 import 'package:sky/rendering/paragraph.dart';
 import 'package:sky/theme2/colors.dart' as colors;
 import 'package:sky/theme2/typography.dart' as typography;
 import 'package:sky/widgets/basic.dart';
 import 'package:sky/widgets/drawer.dart';
 import 'package:sky/widgets/drawer_header.dart';
 import 'package:sky/widgets/floating_action_button.dart';
 import 'package:sky/widgets/icon.dart';
 import 'package:sky/widgets/icon_button.dart';
 import 'package:sky/widgets/menu_divider.dart';
 import 'package:sky/widgets/menu_item.dart';
 import 'package:sky/widgets/modal_overlay.dart';
+import 'package:sky/widgets/navigator.dart';
 import 'package:sky/widgets/popup_menu.dart';
 import 'package:sky/widgets/radio.dart';
 import 'package:sky/widgets/scaffold.dart';
 import 'package:sky/widgets/tool_bar.dart';
 import 'package:sky/widgets/widget.dart';
 
 import 'stock_data.dart';
 import 'stock_list.dart';
 import 'stock_menu.dart';
 
 enum StockMode { optimistic, pessimistic }
 
-class StocksApp extends App {
+class StockHome extends Component {
 
-  List<Stock> _stocks = [];
-
-  StocksApp({ RenderView renderViewOverride }) : super(renderViewOverride: renderViewOverride) {
+  StockHome(this._navigator) {
     // if (debug)
     //   new Timer(new Duration(seconds: 1), dumpState);
     new StockDataFetcher((StockData data) {
       setState(() {
         data.appendTo(_stocks);
       });
     });
     _drawerController = new DrawerController(_handleDrawerStatusChanged);
   }
 
+  List<Stock> _stocks = [];
+  Navigator _navigator;
+
   bool _isSearching = false;
   String _searchQuery;
 
   void _handleSearchBegin(_) {
     setState(() {
       _isSearching = true;
     });
   }
 
   void _handleSearchEnd(_) {
@@ skipping 79 matching lines @@
           icon: 'action/thumb_down',
           onGestureTap: (event) => _handleStockModeChange(StockMode.pessimistic),
           children: [
             new Flexible(child: new Text('Pessimistic')),
             new Radio(key: 'pessimistic-radio', value: StockMode.pessimistic, groupValue: _stockMode, onChanged: _handleStockModeChange)
           ]),
         new MenuDivider(key: 'div2'),
         new MenuItem(
           key: 'Settings',
           icon: 'action/settings',
+          onGestureTap: (event) => _navigator.pushNamed('/settings'),
           children: [new Text('Settings')]),
         new MenuItem(
           key: 'Help & Feedback',
           icon: 'action/help',
           children: [new Text('Help & Feedback')])
      ]
     );
   }
 
   Widget buildToolBar() {
@@ skipping 48 matching lines @@
         floatingActionButton: new FloatingActionButton(
           child: new Icon(type: 'content/add_white', size: 24)
         ),
         drawer: _drawerShowing ? buildDrawer() : null
       ),
     ];
     addMenuToOverlays(overlays);
     return new Stack(overlays);
   }
 }
-
-void main() {
-  print("starting stocks app!");
-  App app = new StocksApp();
-  WidgetAppView.appView.onFrame = () {
-    // uncomment this for debugging:
-    // WidgetAppView.appView.debugDumpRenderTree();
-  };
-}