mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
dea3a0922c
Similar to widgets.dart, rendering.dart exports the entire rendering layer. Also, update the examples to use rendering.dart and widgets.dart. Also clean up some exports so that the examples have more sensible imports.
43 lines
1.6 KiB
Dart
43 lines
1.6 KiB
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 'dart:sky';
|
|
|
|
import 'package:sky/rendering.dart';
|
|
|
|
import 'solid_color_box.dart';
|
|
|
|
const TextStyle style = const TextStyle(color: const Color(0xFF000000));
|
|
|
|
// Attempts to draw
|
|
// http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/images/flex-pack.svg
|
|
void main() {
|
|
var table = new RenderFlex(direction: FlexDirection.vertical);
|
|
|
|
void addRow(FlexJustifyContent justify) {
|
|
RenderParagraph paragraph = new RenderParagraph(new StyledTextSpan(style, [new PlainTextSpan("${justify}")]));
|
|
table.add(new RenderPadding(child: paragraph, padding: new EdgeDims.only(top: 20.0)));
|
|
var row = new RenderFlex(direction: FlexDirection.horizontal);
|
|
row.add(new RenderSolidColorBox(const Color(0xFFFFCCCC), desiredSize: new Size(80.0, 60.0)));
|
|
row.add(new RenderSolidColorBox(const Color(0xFFCCFFCC), desiredSize: new Size(64.0, 60.0)));
|
|
row.add(new RenderSolidColorBox(const Color(0xFFCCCCFF), desiredSize: new Size(160.0, 60.0)));
|
|
row.justifyContent = justify;
|
|
table.add(row);
|
|
row.parentData.flex = 1;
|
|
}
|
|
|
|
addRow(FlexJustifyContent.start);
|
|
addRow(FlexJustifyContent.end);
|
|
addRow(FlexJustifyContent.center);
|
|
addRow(FlexJustifyContent.spaceBetween);
|
|
addRow(FlexJustifyContent.spaceAround);
|
|
|
|
RenderDecoratedBox root = new RenderDecoratedBox(
|
|
decoration: new BoxDecoration(backgroundColor: const Color(0xFFFFFFFF)),
|
|
child: new RenderPadding(child: table, padding: new EdgeDims.symmetric(vertical: 50.0))
|
|
);
|
|
|
|
new SkyBinding(root: root);
|
|
}
|