mirror of
https://github.com/flutter/flutter
synced 2024-10-13 19:52:53 +00:00
115 lines
2.8 KiB
Dart
115 lines
2.8 KiB
Dart
// Copyright 2016 The Chromium 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 {
|
|
AdaptedListItem({ Key key, this.name }) : super(key: key);
|
|
|
|
final String name;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return new Row(
|
|
children: <Widget>[
|
|
new Container(
|
|
width: 32.0,
|
|
height: 32.0,
|
|
margin: const EdgeInsets.all(8.0),
|
|
decoration: new BoxDecoration(
|
|
backgroundColor: Colors.lightBlueAccent[100]
|
|
)
|
|
),
|
|
new Text(name)
|
|
]
|
|
);
|
|
}
|
|
}
|
|
|
|
class AdaptedGridItem extends StatelessWidget {
|
|
AdaptedGridItem({ Key key, this.name }) : super(key: key);
|
|
|
|
final String name;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return new Card(
|
|
child: new Column(
|
|
children: <Widget>[
|
|
new Flexible(
|
|
child: new Container(
|
|
decoration: new BoxDecoration(
|
|
backgroundColor: Colors.lightBlueAccent[100]
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
margin: const EdgeInsets.only(left: 8.0),
|
|
child: new Row(
|
|
children: <Widget>[
|
|
new Flexible(
|
|
child: new Text(name)
|
|
),
|
|
new IconButton(
|
|
icon: Icons.more_vert
|
|
)
|
|
]
|
|
)
|
|
)
|
|
]
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
const double _kListItemExtent = 50.0;
|
|
const double _kMaxTileWidth = 150.0;
|
|
const double _kGridViewBreakpoint = 450.0;
|
|
|
|
class AdaptiveContainer extends StatelessWidget {
|
|
AdaptiveContainer({ Key key, this.names }) : super(key: key);
|
|
|
|
final List<String> names;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (MediaQuery.of(context).size.width < _kGridViewBreakpoint) {
|
|
return new ScrollableList(
|
|
itemExtent: _kListItemExtent,
|
|
children: names.map((String name) => new AdaptedListItem(name: name))
|
|
);
|
|
} else {
|
|
return new ScrollableGrid(
|
|
delegate: new MaxTileWidthGridDelegate(maxTileWidth: _kMaxTileWidth),
|
|
children: names.map((String name) => new AdaptedGridItem(name: name))
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
List<String> _initNames() {
|
|
List<String> names = <String>[];
|
|
for (int i = 0; i < 30; i++)
|
|
names.add('Item $i');
|
|
return names;
|
|
}
|
|
|
|
final List<String> _kNames = _initNames();
|
|
|
|
void main() {
|
|
runApp(new MaterialApp(
|
|
title: 'Media Query Example',
|
|
routes: <String, WidgetBuilder>{
|
|
'/': (BuildContext context) {
|
|
return new Scaffold(
|
|
appBar: new AppBar(
|
|
title: new Text('Media Query Example')
|
|
),
|
|
body: new Material(child: new AdaptiveContainer(names: _kNames))
|
|
);
|
|
}
|
|
}
|
|
));
|
|
}
|