mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
5491c8c146
This auto-formats all *.dart files in the repository outside of the `engine` subdirectory and enforces that these files stay formatted with a presubmit check. **Reviewers:** Please carefully review all the commits except for the one titled "formatted". The "formatted" commit was auto-generated by running `dev/tools/format.sh -a -f`. The other commits were hand-crafted to prepare the repo for the formatting change. I recommend reviewing the commits one-by-one via the "Commits" tab and avoiding Github's "Files changed" tab as it will likely slow down your browser because of the size of this PR. --------- Co-authored-by: Kate Lovett <katelovett@google.com> Co-authored-by: LongCatIsLooong <31859944+LongCatIsLooong@users.noreply.github.com>
106 lines
4.0 KiB
Dart
106 lines
4.0 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/binding.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! as FlexParentData;
|
|
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(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! as FlexParentData;
|
|
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)),
|
|
);
|
|
|
|
ViewRenderingFlutterBinding(root: root).scheduleFrame();
|
|
}
|