OLD | NEW |
1 part of widgets; | 1 part of widgets; |
2 | 2 |
3 class Box extends Component { | 3 class Box extends Component { |
4 | 4 |
5 static Style _style = new Style(''' | 5 static Style _style = new Style(''' |
6 display: flex; | 6 display: flex; |
7 flex-direction: column; | 7 flex-direction: column; |
8 border-radius: 4px; | 8 border-radius: 4px; |
9 border: 1px solid gray; | 9 border: 1px solid gray; |
10 margin: 10px;''' | 10 margin: 10px;''' |
11 ); | 11 ); |
12 | 12 |
13 static Style _titleStyle = new Style(''' | 13 static Style _titleStyle = new Style(''' |
14 flex: 1; | 14 flex: 1; |
15 text-align: center; | 15 text-align: center; |
16 font-size: 10px; | 16 font-size: 10px; |
17 padding: 8px 8px 4px 8px;''' | 17 padding: 8px 8px 4px 8px;''' |
18 ); | 18 ); |
19 | 19 |
20 static Style _contentStyle = new Style(''' | 20 static Style _contentStyle = new Style(''' |
21 flex: 1; | 21 flex: 1; |
22 padding: 4px 8px 8px 8px;''' | 22 padding: 4px 8px 8px 8px;''' |
23 ); | 23 ); |
24 | 24 |
25 String title; | 25 String title; |
26 List<Node> children; | 26 List<Node> children; |
27 | 27 |
28 Box({String key, this.title, this.children }) : super(key: key); | 28 Box({String key, this.title, this.children }) : super(key: key); |
29 | 29 |
30 Node render() { | 30 Node build() { |
31 return new Container( | 31 return new Container( |
32 style: _style, | 32 style: _style, |
33 children: [ | 33 children: [ |
34 new Container( | 34 new Container( |
35 key: 'Title', | 35 key: 'Title', |
36 style: _titleStyle, | 36 style: _titleStyle, |
37 children: [new Text(title)] | 37 children: [new Text(title)] |
38 ), | 38 ), |
39 new Container( | 39 new Container( |
40 key: 'Content', | 40 key: 'Content', |
41 style: _contentStyle, | 41 style: _contentStyle, |
42 children: children | 42 children: children |
43 ), | 43 ), |
44 ] | 44 ] |
45 ); | 45 ); |
46 } | 46 } |
47 } | 47 } |
OLD | NEW |