mirror of
https://github.com/flame-engine/flame.git
synced 2025-10-28 03:16:09 +08:00
212ed354d7
Implements an `ExpandedComponent`, which takes up as much space as possible along the main axis within a `LinearLayoutComponent`. With more than one `ExpandedComponent`, this expansion is divided equally. `PaddingComponent` now inherits from `SingleLayoutComponent`. --------- Co-authored-by: Lukas Klingsbo <lukas.klingsbo@gmail.com> Co-authored-by: Lukas Klingsbo <me@lukas.fyi>
97 lines
3.5 KiB
Dart
97 lines
3.5 KiB
Dart
import 'package:dashbook/dashbook.dart';
|
|
import 'package:examples/commons/commons.dart';
|
|
import 'package:examples/stories/experimental/layout_component_example_1.dart';
|
|
import 'package:examples/stories/experimental/layout_component_example_2.dart';
|
|
import 'package:examples/stories/experimental/layout_component_example_size.dart';
|
|
import 'package:examples/stories/experimental/shapes.dart';
|
|
import 'package:flame/experimental.dart';
|
|
import 'package:flame/game.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
|
|
void addExperimentalStories(Dashbook dashbook) {
|
|
dashbook
|
|
.storiesOf('Experimental')
|
|
.add(
|
|
'Shapes',
|
|
(_) => GameWidget(game: ShapesExample()),
|
|
codeLink: baseLink('experimental/shapes.dart'),
|
|
info: ShapesExample.description,
|
|
)
|
|
.add(
|
|
'Layout Components 1',
|
|
(DashbookContext context) {
|
|
return GameWidget(
|
|
game: LayoutComponentExample1(
|
|
mainAxisAlignment: context.listProperty(
|
|
'MainAxisAlignment',
|
|
MainAxisAlignment.values.first,
|
|
MainAxisAlignment.values,
|
|
),
|
|
crossAxisAlignment: context.listProperty(
|
|
'CrossAxisAlignment',
|
|
CrossAxisAlignment.values.first,
|
|
CrossAxisAlignment.values,
|
|
),
|
|
direction: context.listProperty(
|
|
'Direction',
|
|
Direction.values.first,
|
|
Direction.values,
|
|
),
|
|
gap: context.numberProperty('Gap', 0),
|
|
demoSize: context.optionsProperty<LayoutComponentExampleSize>(
|
|
'Size',
|
|
LayoutComponentExampleSize.small,
|
|
LayoutComponentExampleSize.values.map((exampleSize) {
|
|
return PropertyOption(exampleSize.name, exampleSize);
|
|
}).toList(),
|
|
),
|
|
padding: context.edgeInsetsProperty(
|
|
'Padding',
|
|
const EdgeInsets.all(10),
|
|
),
|
|
expandedMode: context.boolProperty(
|
|
'Wrap with ExpandedComponent',
|
|
false,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
codeLink: baseLink('experimental/layout_components.dart'),
|
|
info: LayoutComponentExample2.description,
|
|
)
|
|
.add(
|
|
'Layout Components 2',
|
|
(DashbookContext context) {
|
|
return GameWidget(
|
|
game: LayoutComponentExample2(
|
|
mainAxisAlignment: context.listProperty(
|
|
'MainAxisAlignment',
|
|
MainAxisAlignment.values.first,
|
|
MainAxisAlignment.values,
|
|
),
|
|
crossAxisAlignment: context.listProperty(
|
|
'CrossAxisAlignment',
|
|
CrossAxisAlignment.stretch,
|
|
CrossAxisAlignment.values,
|
|
),
|
|
direction: context.listProperty(
|
|
'Direction',
|
|
Direction.values.first,
|
|
Direction.values,
|
|
),
|
|
gap: context.numberProperty('Gap', 0),
|
|
demoSize: context.optionsProperty<LayoutComponentExampleSize>(
|
|
'Size',
|
|
LayoutComponentExampleSize.small,
|
|
LayoutComponentExampleSize.values.map((exampleSize) {
|
|
return PropertyOption(exampleSize.name, exampleSize);
|
|
}).toList(),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
codeLink: baseLink('experimental/layout_components.dart'),
|
|
info: LayoutComponentExample2.description,
|
|
);
|
|
}
|