OLD | NEW |
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 '../fn.dart'; | 5 import '../fn.dart'; |
6 import '../theme/colors.dart'; | |
7 import '../theme/shadows.dart'; | 6 import '../theme/shadows.dart'; |
8 import '../theme/view-configuration.dart'; | 7 import '../theme/view-configuration.dart'; |
9 | 8 |
10 class ActionBar extends Component { | 9 class ActionBar extends Component { |
11 List<Node> children; | |
12 | |
13 static final Style _style = new Style(''' | 10 static final Style _style = new Style(''' |
14 display: flex; | 11 display: flex; |
15 align-items: center; | 12 align-items: center; |
16 height: 56px; | 13 height: 56px; |
17 padding: 0 8px; | 14 padding: 0 8px; |
18 background-color: ${Purple[500]}; | |
19 padding-top: ${kStatusBarHeight}px; | 15 padding-top: ${kStatusBarHeight}px; |
20 box-shadow: ${Shadow[2]};''' | 16 box-shadow: ${Shadow[2]};'''); |
21 ); | |
22 | 17 |
23 ActionBar({String key, this.children}) : super(key: key); | 18 static Style _centerStyle = new Style(''' |
| 19 padding-left: 24px; |
| 20 flex: 1;'''); |
| 21 |
| 22 Node left; |
| 23 Node center; |
| 24 List<Node> right; |
| 25 |
| 26 ActionBar({ |
| 27 String key, |
| 28 this.left, |
| 29 this.center, |
| 30 this.right |
| 31 }) : super(key: key); |
24 | 32 |
25 Node build() { | 33 Node build() { |
26 return new Container( | 34 List<Node> children = [left, new StyleNode(center, _centerStyle)]; |
27 style: _style, | 35 |
28 children: children | 36 if (right != null) |
29 ); | 37 children.addAll(right); |
| 38 |
| 39 return new Container(style: _style, children: children); |
30 } | 40 } |
31 } | 41 } |
OLD | NEW |