Initial commit of Effen reactive framework experiment for Sky

sky/examples/fn/widgets/item.dart

Index: sky/examples/fn/widgets/item.dart
diff --git a/sky/examples/fn/widgets/item.dart b/sky/examples/fn/widgets/item.dart
new file mode 100644
index 0000000000000000000000000000000000000000..692cc50a815f432d1025cd93a0129e55adf27049
--- /dev/null
+++ b/sky/examples/fn/widgets/item.dart
@@ -0,0 +1,41 @@
+library item;
+
+import 'dart:sky' as sky;
+import 'fn.dart';
+import 'widgets.dart';
+
+enum Color { RED, GREEN }
+
+class Item extends Component {
+
+  String label;
+
+  Color _color = Color.GREEN;
+
+  Item({ Object key, this.label }) : super(key: key);
+
+  Node render() {
+    return new Container(
+      children: [
+        new Radio(
+          onChanged: changed,
+          value: Color.GREEN,
+          groupValue: _color
+        ),
+        new Radio(
+          onChanged: changed,
+          value: Color.RED,
+          groupValue: _color
+        ),
+
+        new Text("$label: ${Color.values[_color.index]}")
+      ]
+    );
+  }
+
+  void changed(Object value) {
+    setState(() {
+      _color = value;
+    });
+  }
+}