Sort the stocks displayed in stocks-fn as per Material Design

sky/examples/stocks-fn/stocksapp.dart

 library stocksapp;
 
 import '../../framework/fn.dart';
 import '../data/stocks.dart';
 import '../fn/widgets/widgets.dart';
 import 'dart:math';
 
 part 'stockarrow.dart';
 part 'stocklist.dart';
 part 'stockrow.dart';
@@ skipping 13 matching lines @@
   static Style _iconStyle = new Style('''
     padding: 8px;
     margin: 0 4px;'''
   );
 
   static Style _titleStyle = new Style('''
     flex: 1;
     margin: 0 4px;'''
   );
 
-  StocksApp() : super();
+  List<Stock> _sortedStocks;
+
+  StocksApp() : super() {
+    _sortedStocks = oracle.stocks;
+    _sortedStocks.sort((a, b) => a.symbol.compareTo(b.symbol));
+  }
 
   Node build() {
     var drawer = new Drawer(
       animation: _drawerAnimation,
       children: [
         new DrawerHeader(
           children: [new Text('Stocks')]
         ),
         new MenuItem(
           key: 'Inbox',
@@ skipping 41 matching lines @@
 
     var fab = new FloatingActionButton(content: new Icon(
       type: 'content/add_white', size: 24));
 
     return new Container(
       key: 'StocksApp',
       children: [
         new Container(
           key: 'Content',
           style: _style,
-          children: [toolbar, new Stocklist(stocks: oracle.stocks)]
+          children: [toolbar, new Stocklist(stocks: _sortedStocks)]
         ),
         fab,
         drawer,
       ]
     );
   }
 }