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 'package:sky/widgets/theme.dart'; | 5 import 'package:sky/widgets/theme.dart'; |
6 | 6 |
| 7 import '../painting/text_style.dart'; |
7 import '../rendering/flex.dart'; | 8 import '../rendering/flex.dart'; |
| 9 import '../theme/colors.dart' as colors; |
8 import '../theme/shadows.dart'; | 10 import '../theme/shadows.dart'; |
| 11 import '../theme/typography.dart' as typography; |
9 import '../theme/view_configuration.dart'; | 12 import '../theme/view_configuration.dart'; |
10 import 'basic.dart'; | 13 import 'basic.dart'; |
11 import 'default_text_style.dart'; | 14 import 'default_text_style.dart'; |
| 15 import 'icon_theme.dart'; |
12 | 16 |
13 class ToolBar extends Component { | 17 class ToolBar extends Component { |
14 | 18 |
15 ToolBar({ | 19 ToolBar({ |
16 String key, | 20 String key, |
17 this.left, | 21 this.left, |
18 this.center, | 22 this.center, |
19 this.right, | 23 this.right, |
20 this.backgroundColor | 24 this.backgroundColor |
21 }) : super(key: key); | 25 }) : super(key: key); |
22 | 26 |
23 final Widget left; | 27 final Widget left; |
24 final Widget center; | 28 final Widget center; |
25 final List<Widget> right; | 29 final List<Widget> right; |
26 final Color backgroundColor; | 30 final Color backgroundColor; |
27 | 31 |
28 Widget build() { | 32 Widget build() { |
| 33 Color toolbarColor = backgroundColor; |
| 34 IconThemeColor iconThemeColor = IconThemeColor.white; |
| 35 TextStyle defaultTextStyle = typography.white.title; |
| 36 if (toolbarColor == null) { |
| 37 ThemeData themeData = Theme.of(this); |
| 38 toolbarColor = themeData.primaryColor; |
| 39 if (themeData.primaryColorBrightness == ThemeBrightness.light) { |
| 40 iconThemeColor = IconThemeColor.black; |
| 41 defaultTextStyle = typography.black.title; |
| 42 } |
| 43 } |
| 44 |
29 List<Widget> children = new List<Widget>(); | 45 List<Widget> children = new List<Widget>(); |
30 if (left != null) | 46 if (left != null) |
31 children.add(left); | 47 children.add(left); |
32 | 48 |
33 if (center != null) { | 49 if (center != null) { |
34 children.add( | 50 children.add( |
35 new Flexible( | 51 new Flexible( |
36 child: new Padding( | 52 child: new Padding( |
37 child: new DefaultTextStyle( | 53 child: new DefaultTextStyle( |
38 style: Theme.of(this).toolbarText.title, | 54 style: defaultTextStyle, |
39 child: center | 55 child: center |
40 ), | 56 ), |
41 padding: new EdgeDims.only(left: 24.0) | 57 padding: new EdgeDims.only(left: 24.0) |
42 ) | 58 ) |
43 ) | 59 ) |
44 ); | 60 ); |
45 } | 61 } |
46 | 62 |
47 if (right != null) | 63 if (right != null) |
48 children.addAll(right); | 64 children.addAll(right); |
49 | 65 |
50 return new Container( | 66 return new Container( |
51 child: new Flex( | 67 child: new IconTheme( |
52 [new Container(child: new Flex(children), height: kToolBarHeight)], | 68 data: new IconThemeData(color: iconThemeColor), |
53 alignItems: FlexAlignItems.flexEnd | 69 child: new Flex( |
| 70 [new Container(child: new Flex(children), height: kToolBarHeight)], |
| 71 alignItems: FlexAlignItems.flexEnd |
| 72 ) |
54 ), | 73 ), |
55 padding: new EdgeDims.symmetric(horizontal: 8.0), | 74 padding: new EdgeDims.symmetric(horizontal: 8.0), |
56 decoration: new BoxDecoration( | 75 decoration: new BoxDecoration( |
57 backgroundColor: backgroundColor == null ? Theme.of(this).primaryColor :
backgroundColor, | 76 backgroundColor: toolbarColor, |
58 boxShadow: shadows[2] | 77 boxShadow: shadows[2] |
59 ) | 78 ) |
60 ); | 79 ); |
61 } | 80 } |
62 | 81 |
63 } | 82 } |
OLD | NEW |