50c2f8837b
This CL changes how events work in fn. Previously, event listeners were passed in as constructor arguments. Now Nodes hold an |events| object, which contains all the event registrations. When a Component renders, all its |events| are copied onto the Node it produces. When an Element syncs, it walks its |events| and adds them as event listeners on the underlying sky.Element. The net result of this change is increased flexibility in how events are registered. Now components don't need to enumerate all the possible events that they support. Instead, the parent component can listen for whatever events it likes. Also, I've cleaned up the association between DrawerAnimation and Drawer. Now the constructor for Drawer accepts an |animation| object and wires up its internal event handlers itself instead of requiring the constructor to do all the wiring. R=rafaelw@chromium.org Review URL: https://codereview.chromium.org/975863003
35 lines
624 B
Dart
35 lines
624 B
Dart
part of widgets;
|
|
|
|
const String kAssetBase = '/sky/assets/material-design-icons';
|
|
|
|
class Icon extends Component {
|
|
|
|
Style style;
|
|
int size;
|
|
String type;
|
|
|
|
Icon({
|
|
String key,
|
|
this.style,
|
|
this.size,
|
|
this.type: ''
|
|
}) : super(key: key);
|
|
|
|
Node render() {
|
|
String category = '';
|
|
String subtype = '';
|
|
List<String> parts = type.split('/');
|
|
if (parts.length == 2) {
|
|
category = parts[0];
|
|
subtype = parts[1];
|
|
}
|
|
|
|
return new Image(
|
|
style: style,
|
|
width: size,
|
|
height: size,
|
|
src: '${kAssetBase}/${category}/2x_web/ic_${subtype}_${size}dp.png'
|
|
);
|
|
}
|
|
}
|