Start an AddressBook example (to test text fields)

sky/sdk/example/address_book/lib/main.dart

Index: sky/sdk/example/address_book/lib/main.dart
diff --git a/sky/sdk/example/address_book/lib/main.dart b/sky/sdk/example/address_book/lib/main.dart
new file mode 100644
index 0000000000000000000000000000000000000000..dcb9e516214f8e94563aecdb677809295fede63e
--- /dev/null
+++ b/sky/sdk/example/address_book/lib/main.dart
@@ -0,0 +1,101 @@
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:sky/theme/colors.dart' as colors;
+import 'package:sky/theme/typography.dart' as typography;
+import 'package:sky/widgets/basic.dart';
+import 'package:sky/widgets/default_text_style.dart';
+import 'package:sky/widgets/navigator.dart';
+import 'package:sky/widgets/theme.dart';
+import 'package:sky/widgets/widget.dart';
+import 'package:sky/widgets/task_description.dart';
+import 'package:sky/widgets/scaffold.dart';
+import 'package:sky/widgets/tool_bar.dart';
+import 'package:sky/widgets/icon_button.dart';
+import 'package:sky/widgets/floating_action_button.dart';
+import 'package:sky/widgets/icon.dart';
+import 'package:sky/widgets/material.dart';
+import 'package:sky/editing/input.dart';
+
+class Field extends Container {
+  Field({this.icon: null, this.placeholder: null});
+
+  String icon;
+  String placeholder;
+
+  Widget build() {
+    return new Flex([
+        new Padding(
+          padding: const EdgeDims.symmetric(horizontal: 16.0),
+          child: new Icon(type:icon, size:24)
+        ),
+        new Flexible(child:new Input(placeholder:placeholder))
+      ],
+      direction: FlexDirection.horizontal
+    );
+  }
+}
+
+
+class AddressBookApp extends App {
+
+  Widget buildToolBar() {
+    return new ToolBar(
+        left: new IconButton(icon: "navigation/arrow_back"),
+        right: [new IconButton(icon: "navigation/check")]
+      );
+  }
+
+  Widget buildFloatingActionButton() {
+    return new FloatingActionButton(
+      child: new Icon(type: 'image/photo_camera', size: 24),
+      backgroundColor: Theme.of(this).accentColor
+    );
+  }
+
+  Widget buildBody() {
+    return new Material(
+      child:new Block([
+        new Field(icon:"social/person", placeholder:"Name"),

[abarth-chromium, 2015/07/13 18:28:47]

s/:"/: "/

+        new Field(icon: "communication/phone", placeholder:"Phone"),
+        new Field(icon: "communication/email", placeholder:"Email"),
+        new Field(icon: "maps/place", placeholder:"Address"),
+        new Field(icon: "av/volume_up", placeholder:"Ringtone"),
+        new Field(icon: "content/add", placeholder:"Add note"),
+      ])
+    );
+  }
+
+  Widget buildMain() {
+    return new Scaffold(
+      toolbar: buildToolBar(),
+      body: buildBody(),
+      floatingActionButton: buildFloatingActionButton()
+    );
+  }
+
+  Widget build() {
+
+    ThemeData theme = new ThemeData(
+      brightness: ThemeBrightness.light,
+      primarySwatch: colors.Teal,
+      accentColor: colors.PinkAccent[100]
+    );
+
+    return new Theme(
+      data: theme,
+        child: new DefaultTextStyle(
+          style: typography.error, // if you see this, you've forgotten to correctly configure the text style!
+          child: new TaskDescription(
+            label: 'Address Book',
+            child: buildMain()
+          )
+        )
+     );
+   }
+}
+
+void main() {
+  runApp(new AddressBookApp());
+}