Add an AspectRatio widget for doing proportional height sizing

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

 // 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/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';
+import 'package:sky/widgets/scrollable_viewport.dart';
 
-class Field extends Container {
+class Field extends Component {
   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))
+        new Flexible(child:new Input(placeholder:placeholder, focused:false))
       ],
       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([
+      child: new ScrollableBlock([
+        new AspectRatio(
+          aspectRatio: 16 / 9,

[abarth-chromium, 2015/07/14 20:17:02]

Does this need to be 16.0 / 9.0 to get floating point division?

[Cutch, 2015/07/14 20:33:44]

16 / 9 will be a floating point division on two integers. Better would be to
write:

16.0 / 9.0

+          child: new Container(
+            decoration: new BoxDecoration(backgroundColor: colors.Purple[300])
+          )
+        ),
         new Field(icon:"social/person", placeholder:"Name"),
         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"),
       ])
     );
   }
 
@@ skipping 22 matching lines @@
             child: buildMain()
           )
         )
      );
    }
 }
 
 void main() {
   runApp(new AddressBookApp());
 }