449f4a6673
* Update project.pbxproj files to say Flutter rather than Chromium Also, the templates now have an empty organization so that we don't cause people to give their apps a Flutter copyright. * Update the copyright notice checker to require a standard notice on all files * Update copyrights on Dart files. (This was a mechanical commit.) * Fix weird license headers on Dart files that deviate from our conventions; relicense Shrine. Some were already marked "The Flutter Authors", not clear why. Their dates have been normalized. Some were missing the blank line after the license. Some were randomly different in trivial ways for no apparent reason (e.g. missing the trailing period). * Clean up the copyrights in non-Dart files. (Manual edits.) Also, make sure templates don't have copyrights. * Fix some more ORGANIZATIONNAMEs
91 lines
3.8 KiB
Dart
91 lines
3.8 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
// This example shows how to use flex layout directly in the underlying render
|
|
// tree.
|
|
|
|
import 'package:flutter/rendering.dart';
|
|
|
|
import 'src/solid_color_box.dart';
|
|
|
|
void main() {
|
|
final RenderFlex table = RenderFlex(direction: Axis.vertical, textDirection: TextDirection.ltr);
|
|
|
|
void addAlignmentRow(CrossAxisAlignment crossAxisAlignment) {
|
|
TextStyle style = const TextStyle(color: Color(0xFF000000));
|
|
final RenderParagraph paragraph = RenderParagraph(
|
|
TextSpan(style: style, text: '$crossAxisAlignment'),
|
|
textDirection: TextDirection.ltr,
|
|
);
|
|
table.add(RenderPadding(child: paragraph, padding: const EdgeInsets.only(top: 20.0)));
|
|
final RenderFlex row = RenderFlex(crossAxisAlignment: crossAxisAlignment, textBaseline: TextBaseline.alphabetic, textDirection: TextDirection.ltr);
|
|
style = const TextStyle(fontSize: 15.0, color: Color(0xFF000000));
|
|
row.add(RenderDecoratedBox(
|
|
decoration: const BoxDecoration(color: Color(0x7FFFCCCC)),
|
|
child: RenderParagraph(
|
|
TextSpan(style: style, text: 'foo foo foo'),
|
|
textDirection: TextDirection.ltr,
|
|
),
|
|
));
|
|
style = const TextStyle(fontSize: 10.0, color: Color(0xFF000000));
|
|
row.add(RenderDecoratedBox(
|
|
decoration: const BoxDecoration(color: Color(0x7FCCFFCC)),
|
|
child: RenderParagraph(
|
|
TextSpan(style: style, text: 'foo foo foo'),
|
|
textDirection: TextDirection.ltr,
|
|
),
|
|
));
|
|
final RenderFlex subrow = RenderFlex(crossAxisAlignment: crossAxisAlignment, textBaseline: TextBaseline.alphabetic, textDirection: TextDirection.ltr);
|
|
style = const TextStyle(fontSize: 25.0, color: Color(0xFF000000));
|
|
subrow.add(RenderDecoratedBox(
|
|
decoration: const BoxDecoration(color: Color(0x7FCCCCFF)),
|
|
child: RenderParagraph(
|
|
TextSpan(style: style, text: 'foo foo foo foo'),
|
|
textDirection: TextDirection.ltr,
|
|
),
|
|
));
|
|
subrow.add(RenderSolidColorBox(const Color(0x7FCCFFFF), desiredSize: const Size(30.0, 40.0)));
|
|
row.add(subrow);
|
|
table.add(row);
|
|
final FlexParentData rowParentData = row.parentData;
|
|
rowParentData.flex = 1;
|
|
}
|
|
|
|
addAlignmentRow(CrossAxisAlignment.start);
|
|
addAlignmentRow(CrossAxisAlignment.end);
|
|
addAlignmentRow(CrossAxisAlignment.center);
|
|
addAlignmentRow(CrossAxisAlignment.stretch);
|
|
addAlignmentRow(CrossAxisAlignment.baseline);
|
|
|
|
void addJustificationRow(MainAxisAlignment justify) {
|
|
const TextStyle style = TextStyle(color: Color(0xFF000000));
|
|
final RenderParagraph paragraph = RenderParagraph(
|
|
TextSpan(style: style, text: '$justify'),
|
|
textDirection: TextDirection.ltr,
|
|
);
|
|
table.add(RenderPadding(child: paragraph, padding: const EdgeInsets.only(top: 20.0)));
|
|
final RenderFlex row = RenderFlex(direction: Axis.horizontal, textDirection: TextDirection.ltr);
|
|
row.add(RenderSolidColorBox(const Color(0xFFFFCCCC), desiredSize: const Size(80.0, 60.0)));
|
|
row.add(RenderSolidColorBox(const Color(0xFFCCFFCC), desiredSize: const Size(64.0, 60.0)));
|
|
row.add(RenderSolidColorBox(const Color(0xFFCCCCFF), desiredSize: const Size(160.0, 60.0)));
|
|
row.mainAxisAlignment = justify;
|
|
table.add(row);
|
|
final FlexParentData rowParentData = row.parentData;
|
|
rowParentData.flex = 1;
|
|
}
|
|
|
|
addJustificationRow(MainAxisAlignment.start);
|
|
addJustificationRow(MainAxisAlignment.end);
|
|
addJustificationRow(MainAxisAlignment.center);
|
|
addJustificationRow(MainAxisAlignment.spaceBetween);
|
|
addJustificationRow(MainAxisAlignment.spaceAround);
|
|
|
|
final RenderDecoratedBox root = RenderDecoratedBox(
|
|
decoration: const BoxDecoration(color: Color(0xFFFFFFFF)),
|
|
child: RenderPadding(child: table, padding: const EdgeInsets.symmetric(vertical: 50.0)),
|
|
);
|
|
|
|
RenderingFlutterBinding(root: root);
|
|
}
|