Give the Stocks2 App a new improved toolbar.

sky/examples/stocks2/lib/stock_app.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/framework/components2/tool_bar.dart';
+import 'package:sky/framework/components2/tool_bar.dart';
 // import 'package:sky/framework/components2/drawer.dart';
 // import 'package:sky/framework/components2/drawer_header.dart';
 // import 'package:sky/framework/components2/floating_action_button.dart';
 // import 'package:sky/framework/components2/icon.dart';
-// import 'package:sky/framework/components2/icon_button.dart';
+import 'package:sky/framework/components2/icon_button.dart';
 // import 'package:sky/framework/components2/input.dart';
 // import 'package:sky/framework/components2/menu_divider.dart';
 // import 'package:sky/framework/components2/menu_item.dart';
 // import 'package:sky/framework/components2/modal_overlay.dart';
 // import 'package:sky/framework/components2/popup_menu.dart';
 // import 'package:sky/framework/components2/radio.dart';
 import 'package:sky/framework/components2/scaffold.dart';
 import 'package:sky/framework/fn2.dart';
 import 'package:sky/framework/theme/typography.dart' as typography;
 import 'package:sky/framework/theme/colors.dart';
 import 'stock_data.dart';
+import 'package:sky/framework/rendering/box.dart';
 // import 'stock_list.dart';
 // import 'stock_menu.dart';
 
 import 'dart:async';
+import 'dart:sky' as sky;
 
 enum StockMode { Optimistic, Pessimistic }
 
 class StocksApp extends App {
 
-  // static final Style _toolBarStyle = new Style('''
-  //   background-color: ${Purple[500]};''');
-
   // static final Style _searchBarStyle = new Style('''
   //   background-color: ${Grey[50]};''');
 
   // static final Style _titleStyle = new Style('''
   //   ${typography.white.title};''');
 
   List<Stock> _stocks = [];
 
   StocksApp() : super() {
     // if (debug)
@@ skipping 110 matching lines @@
   //         children: [new Text('Settings')]),
   //       new MenuItem(
   //         key: 'Help & Feedback',
   //         icon: 'action/help',
   //         children: [new Text('Help & Feedback')])
   //     ]
   //   );
   // }
 
   UINode buildToolBar() {
-    return new Rectangle(0xFF00FF00);
-    // return new StyleNode(
-    //   new ToolBar(
-    //     left: new IconButton(
-    //       icon: 'navigation/menu_white',
-    //       onGestureTap: _drawerController.toggle),
-    //     center: new Container(
-    //       style: _titleStyle,
-    //       children: [new Text('Stocks')]),
-    //     right: [
-    //       new IconButton(
-    //         icon: 'action/search_white',
-    //         onGestureTap: _handleSearchBegin),
-    //       new IconButton(
-    //         icon: 'navigation/more_vert_white',
-    //         onGestureTap: _handleMenuShow)
-    //     ]),
-    //   _toolBarStyle);
+    return new ToolBar(
+        left: new IconButton(
+          icon: 'navigation/menu_white',
+          onGestureTap: (_) => true), // _drawerController.toggle),
+        center: new Text('Stocks'),

[Hixie, 2015/06/03 17:31:41]

Add a comment here referencing _titleStyle, so we don't forget to use it.

+        right: [
+          new IconButton(
+            icon: 'action/search_white',
+            onGestureTap: _handleSearchBegin),
+          new IconButton(
+            icon: 'navigation/more_vert_white',
+            onGestureTap: _handleMenuShow)
+        ],
+        backgroundColor: colorFromCSSHexColorString(Purple[500])
+      );
   }
 
   // TODO(abarth): Should we factor this into a SearchBar in the framework?
   UINode buildSearchBar() {
     // return new StyleNode(
     //   new ToolBar(
     //     left: new IconButton(
     //       icon: 'navigation/arrow_back_grey600',
     //       onGestureTap: _handleSearchEnd),
     //     center: new Input(
@@ skipping 11 matching lines @@
   //       controller: _menuController,
   //       autorefresh: _autorefresh,
   //       onAutorefreshChanged: _handleAutorefreshChanged
   //     )],
   //     onDismiss: _handleMenuHide));
   // }
 
   UINode build() {
     // List<UINode> overlays = [];
     // addMenuToOverlays(overlays);
+    return new Container(
+      child: new BlockContainer(children: [buildToolBar()]),
+      decoration: new BoxDecoration(
+        backgroundColor: 0xFFFFFFFF
+      )
+    );
 
-    return new Scaffold(
-       toolbar: _isSearching ? buildSearchBar() : buildToolBar()
+    // return new Scaffold(
+    //    toolbar: _isSearching ? buildSearchBar() : buildToolBar()
     // ,
     //   body: new Stocklist(stocks: _stocks, query: _searchQuery),
     //   floatingActionButton: new FloatingActionButton(
     //     content: new Icon(type: 'content/add_white', size: 24), level: 3),
     //   drawer: _drawerShowing ? buildDrawer() : null,
     //   overlays: overlays
-    );
+    // );
   }
 }
 
 void main() {
   print("starting stocks app!");
   new StocksApp();
 }