64 lines
1.5 KiB
Dart
64 lines
1.5 KiB
Dart
|
import "package:flutter/material.dart";
|
||
|
import "package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart";
|
||
|
|
||
|
class Tile extends StatelessWidget {
|
||
|
final String text;
|
||
|
const Tile(this.text, {super.key});
|
||
|
|
||
|
@override
|
||
|
Widget build(BuildContext context) {
|
||
|
return Container(
|
||
|
color: Colors.blue,
|
||
|
child: Center(child: Text(text)),
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
class TestGrid extends StatelessWidget {
|
||
|
const TestGrid({
|
||
|
super.key,
|
||
|
});
|
||
|
|
||
|
@override
|
||
|
Widget build(BuildContext context) {
|
||
|
return StaggeredGrid.count(
|
||
|
crossAxisCount: 2,
|
||
|
mainAxisSpacing: 4,
|
||
|
crossAxisSpacing: 4,
|
||
|
axisDirection: AxisDirection.down,
|
||
|
children: const [
|
||
|
StaggeredGridTile.count(
|
||
|
crossAxisCellCount: 1,
|
||
|
mainAxisCellCount: 1,
|
||
|
child: Tile("1"),
|
||
|
),
|
||
|
StaggeredGridTile.count(
|
||
|
crossAxisCellCount: 1,
|
||
|
mainAxisCellCount: 1,
|
||
|
child: Tile("2"),
|
||
|
),
|
||
|
StaggeredGridTile.count(
|
||
|
crossAxisCellCount: 1,
|
||
|
mainAxisCellCount: 1,
|
||
|
child: Tile("3"),
|
||
|
),
|
||
|
StaggeredGridTile.count(
|
||
|
crossAxisCellCount: 1,
|
||
|
mainAxisCellCount: 1,
|
||
|
child: Tile("4"),
|
||
|
),
|
||
|
StaggeredGridTile.count(
|
||
|
crossAxisCellCount: 1,
|
||
|
mainAxisCellCount: 1,
|
||
|
child: Tile("5"),
|
||
|
),
|
||
|
StaggeredGridTile.count(
|
||
|
crossAxisCellCount: 1,
|
||
|
mainAxisCellCount: 1,
|
||
|
child: Tile("6"),
|
||
|
),
|
||
|
],
|
||
|
);
|
||
|
}
|
||
|
}
|