flex.dart 1.84 KB
Newer Older
1 2 3 4
// 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.

5
import 'dart:ui' as ui;
6

7
import 'package:flutter/rendering.dart';
8
import 'lib/solid_color_box.dart';
9 10 11 12 13

RenderBox buildFlexExample() {
  RenderFlex flexRoot = new RenderFlex(direction: FlexDirection.vertical);

  RenderDecoratedBox root = new RenderDecoratedBox(
14
    decoration: new BoxDecoration(backgroundColor: const ui.Color(0xFF000000)),
15 16 17
    child: flexRoot
  );

18
  void addFlexChildSolidColor(RenderFlex parent, ui.Color backgroundColor, { int flex: 0 }) {
19
    RenderSolidColorBox child = new RenderSolidColorBox(backgroundColor);
20
    parent.add(child);
21 22
    final FlexParentData childParentData = child.parentData;
    childParentData.flex = flex;
23 24 25
  }

  // Yellow bar at top
26
  addFlexChildSolidColor(flexRoot, const ui.Color(0xFFFFFF00), flex: 1);
27 28

  // Turquoise box
29
  flexRoot.add(new RenderSolidColorBox(const ui.Color(0x7700FFFF), desiredSize: new ui.Size(100.0, 100.0)));
30 31

  var renderDecoratedBlock = new RenderDecoratedBox(
32
    decoration: new BoxDecoration(backgroundColor: const ui.Color(0xFFFFFFFF))
33 34 35 36 37 38 39
  );

  flexRoot.add(new RenderPadding(padding: const EdgeDims.all(10.0), child: renderDecoratedBlock));

  var row = new RenderFlex(direction: FlexDirection.horizontal);

  // Purple and blue cells
40 41
  addFlexChildSolidColor(row, const ui.Color(0x77FF00FF), flex: 1);
  addFlexChildSolidColor(row, const ui.Color(0xFF0000FF), flex: 2);
42 43

  var decoratedRow = new RenderDecoratedBox(
44
    decoration: new BoxDecoration(backgroundColor: const ui.Color(0xFF333333)),
45 46 47 48
    child: row
  );

  flexRoot.add(decoratedRow);
Hixie's avatar
Hixie committed
49 50
  final FlexParentData decoratedRowParentData = decoratedRow.parentData;
  decoratedRowParentData.flex = 3;
51 52 53 54 55

  return root;
}

void main() {
56
  new FlutterBinding(root: buildFlexExample());
57
}