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>
78 lines
2.5 KiB
Dart
78 lines
2.5 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.
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
void main() => runApp(const SliverCrossAxisGroupExampleApp());
|
|
|
|
class SliverCrossAxisGroupExampleApp extends StatelessWidget {
|
|
const SliverCrossAxisGroupExampleApp({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(
|
|
home: Scaffold(
|
|
appBar: AppBar(title: const Text('SliverCrossAxisGroup Sample')),
|
|
body: const SliverCrossAxisGroupExample(),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SliverCrossAxisGroupExample extends StatelessWidget {
|
|
const SliverCrossAxisGroupExample({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return CustomScrollView(
|
|
slivers: <Widget>[
|
|
SliverCrossAxisGroup(
|
|
slivers: <Widget>[
|
|
SliverList.builder(
|
|
itemBuilder: (BuildContext context, int index) {
|
|
return Container(
|
|
color: index.isEven ? Colors.amber[300] : Colors.blue[300],
|
|
height: 100.0,
|
|
child: Center(child: Text('Item $index', style: const TextStyle(fontSize: 24))),
|
|
);
|
|
},
|
|
itemCount: 5,
|
|
),
|
|
SliverConstrainedCrossAxis(
|
|
maxExtent: 200,
|
|
sliver: SliverList.builder(
|
|
itemBuilder: (BuildContext context, int index) {
|
|
return Container(
|
|
color: index.isEven ? Colors.green[300] : Colors.red[300],
|
|
height: 100.0,
|
|
child: Center(
|
|
child: Text('Item ${index + 5}', style: const TextStyle(fontSize: 24)),
|
|
),
|
|
);
|
|
},
|
|
itemCount: 5,
|
|
),
|
|
),
|
|
SliverCrossAxisExpanded(
|
|
flex: 2,
|
|
sliver: SliverList.builder(
|
|
itemBuilder: (BuildContext context, int index) {
|
|
return Container(
|
|
color: index.isEven ? Colors.purple[300] : Colors.orange[300],
|
|
height: 100.0,
|
|
child: Center(
|
|
child: Text('Item ${index + 10}', style: const TextStyle(fontSize: 24)),
|
|
),
|
|
);
|
|
},
|
|
itemCount: 5,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|