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