flutter/examples/layers/widgets/media_query.dart
Michael Goderbauer 5491c8c146
Auto-format Framework (#160545)
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>
2024-12-19 20:06:21 +00:00

94 lines
2.4 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';
class AdaptedListItem extends StatelessWidget {
const AdaptedListItem({super.key, required this.name});
final String name;
@override
Widget build(BuildContext context) {
return Row(
children: <Widget>[
Container(
width: 32.0,
height: 32.0,
margin: const EdgeInsets.all(8.0),
color: Colors.lightBlueAccent.shade100,
),
Text(name),
],
);
}
}
class AdaptedGridItem extends StatelessWidget {
const AdaptedGridItem({super.key, required this.name});
final String name;
@override
Widget build(BuildContext context) {
return Card(
child: Column(
children: <Widget>[
Expanded(child: Container(color: Colors.lightBlueAccent.shade100)),
Container(
margin: const EdgeInsets.only(left: 8.0),
child: Row(
children: <Widget>[
Expanded(child: Text(name)),
const IconButton(icon: Icon(Icons.more_vert), onPressed: null),
],
),
),
],
),
);
}
}
const double _kListItemExtent = 50.0;
const double _kMaxTileWidth = 150.0;
const double _kGridViewBreakpoint = 450.0;
class AdaptiveContainer extends StatelessWidget {
const AdaptiveContainer({super.key, required this.names});
final List<String> names;
@override
Widget build(BuildContext context) {
if (MediaQuery.of(context).size.width < _kGridViewBreakpoint) {
return ListView(
itemExtent: _kListItemExtent,
children: names.map<Widget>((String name) => AdaptedListItem(name: name)).toList(),
);
} else {
return GridView.extent(
maxCrossAxisExtent: _kMaxTileWidth,
children: names.map<Widget>((String name) => AdaptedGridItem(name: name)).toList(),
);
}
}
}
List<String> _initNames() => List<String>.generate(30, (int i) => 'Item $i');
final List<String> _kNames = _initNames();
void main() {
runApp(
MaterialApp(
title: 'Media Query Example',
home: Scaffold(
appBar: AppBar(title: const Text('Media Query Example')),
body: Material(child: AdaptiveContainer(names: _kNames)),
),
),
);
}