Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(338)

Side by Side Diff: sky/examples/stocks2/lib/stock_row.dart

Issue 1174023003: Remove one more use of mirrors: Components now have to explicitly sync their fields. (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 // Copyright 2015 The Chromium Authors. All rights reserved. 1 // Copyright 2015 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 import 'dart:sky' as sky; 5 import 'dart:sky' as sky;
6 import 'package:sky/framework/components2/ink_well.dart'; 6 import 'package:sky/framework/components2/ink_well.dart';
7 import 'package:sky/framework/fn2.dart'; 7 import 'package:sky/framework/fn2.dart';
8 import 'package:sky/framework/rendering/flex.dart'; 8 import 'package:sky/framework/rendering/flex.dart';
9 import 'package:sky/framework/rendering/box.dart'; 9 import 'package:sky/framework/rendering/box.dart';
10 import 'package:sky/framework/theme/typography.dart' as typography; 10 import 'package:sky/framework/theme/typography.dart' as typography;
11 import 'stock_arrow.dart'; 11 import 'stock_arrow.dart';
12 import 'stock_data.dart'; 12 import 'stock_data.dart';
13 13
14 class StockRow extends Component { 14 class StockRow extends Component {
15
16 StockRow({ Stock stock }) : this.stock = stock, super(key: stock.symbol);
17
18 final Stock stock;
19
15 static const double kHeight = 70.0; 20 static const double kHeight = 70.0;
16 21
17 Stock stock;
18
19 StockRow({ Stock stock }) : super(key: stock.symbol) {
20 this.stock = stock;
21 }
22
23 UINode build() { 22 UINode build() {
24 String lastSale = "\$${stock.lastSale.toStringAsFixed(2)}"; 23 String lastSale = "\$${stock.lastSale.toStringAsFixed(2)}";
25 24
26 String changeInPrice = "${stock.percentChange.toStringAsFixed(2)}%"; 25 String changeInPrice = "${stock.percentChange.toStringAsFixed(2)}%";
27 if (stock.percentChange > 0) changeInPrice = "+" + changeInPrice; 26 if (stock.percentChange > 0) changeInPrice = "+" + changeInPrice;
28 27
29 List<UINode> children = [ 28 List<UINode> children = [
30 new Container( 29 new Container(
31 child: new StockArrow(percentChange: stock.percentChange), 30 child: new StockArrow(percentChange: stock.percentChange),
32 margin: const EdgeDims.only(right: 5.0)), 31 margin: const EdgeDims.only(right: 5.0)),
33 new FlexExpandingChild(new Text(stock.symbol), flex: 2, key: "symbol"), 32 new FlexExpandingChild(new Text(stock.symbol), flex: 2, key: "symbol"),
34 // TODO(hansmuller): text-align: right 33 // TODO(hansmuller): text-align: right
35 new FlexExpandingChild(new Text(lastSale), key: "lastSale"), 34 new FlexExpandingChild(new Text(lastSale), key: "lastSale"),
36 // TODO(hansmuller): text-align: right, ${typography.black.caption}; 35 // TODO(hansmuller): text-align: right, ${typography.black.caption};
37 new FlexExpandingChild(new Text(changeInPrice), key: "changeInPrice") 36 new FlexExpandingChild(new Text(changeInPrice), key: "changeInPrice")
38 ]; 37 ];
39 38
40 return new Container( 39 return new Container(
41 padding: const EdgeDims(16.0, 16.0, 20.0, 16.0), 40 padding: const EdgeDims(16.0, 16.0, 20.0, 16.0),
42 height: kHeight, // TODO(hansmuller): This shouldn't be needed 41 height: kHeight, // TODO(hansmuller): This shouldn't be needed
43 decoration: const BoxDecoration( 42 decoration: const BoxDecoration(
44 backgroundColor: const sky.Color(0xFFFFFFFF), 43 backgroundColor: const sky.Color(0xFFFFFFFF),
45 border: const Border( 44 border: const Border(
46 bottom: const BorderSide( 45 bottom: const BorderSide(
47 color: const sky.Color(0xFFF4F4F4), 46 color: const sky.Color(0xFFF4F4F4),
48 width: 1.0))), 47 width: 1.0))),
49 child: new FlexContainer(children: children)); 48 child: new FlexContainer(children: children));
50 } 49 }
51 } 50 }
OLDNEW
« no previous file with comments | « sky/examples/stocks2/lib/stock_menu.dart ('k') | sky/sdk/lib/framework/components2/animated_component.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698