Start making input work

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/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/input.dart';
 import 'package:sky/framework/components2/menu_divider.dart';
 import 'package:sky/framework/components2/menu_item.dart';
+import 'package:sky/framework/components2/input.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/theme2/typography.dart' as typography;
 import 'package:sky/framework/theme2/colors.dart' as colors;
 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 _searchBarStyle = new Style('''
-  //   background-color: ${Grey[50]};''');
-
   // static final Style _titleStyle = new Style('''
   //   ${typography.white.title};''');
 
   List<Stock> _stocks = [];
 
   StocksApp() : super() {
     // if (debug)
     //   new Timer(new Duration(seconds: 1), dumpState);
     new StockDataFetcher((StockData data) {
       setState(() {
@@ skipping 126 matching lines @@
           new IconButton(
             icon: 'navigation/more_vert_white',
             onGestureTap: _handleMenuShow)
         ],
         backgroundColor: colors.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(
-    //       focused: true,
-    //       placeholder: 'Search stocks',
-    //       onChanged: _handleSearchQueryChanged)),
-    //   _searchBarStyle);
+    return new ToolBar(
+      left: new IconButton(
+        icon: 'navigation/arrow_back_grey600',
+        onGestureTap: _handleSearchEnd),
+      center: new Input(
+        focused: true,
+        placeholder: 'Search stocks',
+        onChanged: _handleSearchQueryChanged),
+      backgroundColor: colors.Grey[50]
+    );
   }
 
   void addMenuToOverlays(List<UINode> overlays) {
     // if (_menuController == null)
     //   return;
     // overlays.add(new ModalOverlay(
     //   children: [new StockMenu(
     //     controller: _menuController,
     //     autorefresh: _autorefresh,
     //     onAutorefreshChanged: _handleAutorefreshChanged
@@ skipping 14 matching lines @@
     ];
     addMenuToOverlays(overlays);
     return new StackContainer(children: overlays);
   }
 }
 
 void main() {
   print("starting stocks app!");
   new StocksApp();
 }