// Copyright 2015 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 _ContactCategory extends StatelessWidget {
_ContactCategory({ Key key, this.icon, this.children }) : super(key: key);
final IconData icon;
final List<Widget> children;
@override
Widget build(BuildContext context) {
return new Container(
padding: const EdgeInsets.symmetric(vertical: 16.0),
decoration: new BoxDecoration(
border: new Border(bottom: new BorderSide(color: Theme.of(context).dividerColor))
),
child: new DefaultTextStyle(
style: Theme.of(context).textTheme.subhead,
child: new Row(
children: <Widget>[
new SizedBox(
width: 72.0,
child: new Icon(icon, color: Theme.of(context).primaryColor)
),
new Flexible(child: new Column(children: children))
]
)
)
);
}
}
class _ContactItem extends StatelessWidget {
_ContactItem({ Key key, this.icon, this.lines, this.tooltip, this.onPressed }) : super(key: key) {
assert(lines.length > 1);
}
final IconData icon;
final List<String> lines;
final String tooltip;
final VoidCallback onPressed;
@override
Widget build(BuildContext context) {
List<Widget> columnChildren = lines.sublist(0, lines.length - 1).map((String line) => new Text(line)).toList();
columnChildren.add(new Text(lines.last, style: Theme.of(context).textTheme.caption));
List<Widget> rowChildren = <Widget>[
new Flexible(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: columnChildren
)
)
];
if (icon != null) {
rowChildren.add(new SizedBox(
width: 72.0,
child: new IconButton(icon: new Icon(icon), onPressed: onPressed)
));
}
return new Padding(
padding: const EdgeInsets.symmetric(vertical: 16.0),
child: new Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: rowChildren
)
);
}
}
class ContactsDemo extends StatefulWidget {
static const String routeName = '/contacts';
@override
ContactsDemoState createState() => new ContactsDemoState();
}
class ContactsDemoState extends State<ContactsDemo> {
final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
final double _appBarHeight = 256.0;
AppBarBehavior _appBarBehavior = AppBarBehavior.scroll;
@override
Widget build(BuildContext context) {
final double statusBarHeight = MediaQuery.of(context).padding.top;
return new Theme(
data: new ThemeData(
brightness: Brightness.light,
primarySwatch: Colors.indigo
),
child: new Scaffold(
key: _scaffoldKey,
appBarBehavior: _appBarBehavior,
appBar: new AppBar(
expandedHeight: _appBarHeight,
actions: <Widget>[
new IconButton(
icon: new Icon(Icons.create),
tooltip: 'Edit',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('This is actually just a demo. Editing isn\'t supported.')
));
}
),
new PopupMenuButton<AppBarBehavior>(
onSelected: (AppBarBehavior value) {
setState(() {
_appBarBehavior = value;
});
},
itemBuilder: (BuildContext context) => <PopupMenuItem<AppBarBehavior>>[
new PopupMenuItem<AppBarBehavior>(
value: AppBarBehavior.scroll,
child: new Text('Toolbar scrolls away')
),
new PopupMenuItem<AppBarBehavior>(
value: AppBarBehavior.under,
child: new Text('Toolbar stays put')
)
]
)
],
flexibleSpace: new FlexibleSpaceBar(
title : new Text('Ali Connors'),
background: new Stack(
children: <Widget>[
new Image(
image: new AssetImage('packages/flutter_gallery_assets/ali_connors.png'),
fit: ImageFit.cover,
height: _appBarHeight
),
// This gradient ensures that the toolbar icons are distinct
// against the background image.
new DecoratedBox(
decoration: new BoxDecoration(
gradient: new LinearGradient(
begin: const FractionalOffset(0.5, 0.0),
end: const FractionalOffset(0.5, 0.30),
colors: <Color>[const Color(0x60000000), const Color(0x00000000)]
)
)
)
]
)
)
),
body: new Block(
padding: new EdgeInsets.only(top: _appBarHeight + statusBarHeight),
children: <Widget>[
new _ContactCategory(
icon: Icons.call,
children: <Widget>[
new _ContactItem(
icon: Icons.message,
tooltip: 'Send message',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('Pretend that this opened your SMS application.')
));
},
lines: <String>[
'(650) 555-1234',
'Mobile'
]
),
new _ContactItem(
icon: Icons.message,
tooltip: 'Send message',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('In this demo, this button doesn\'t do anything.')
));
},
lines: <String>[
'(323) 555-6789',
'Work'
]
),
new _ContactItem(
icon: Icons.message,
tooltip: 'Send message',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('Imagine if you will, a messaging application.')
));
},
lines: <String>[
'(650) 555-6789',
'Home'
]
),
]
),
new _ContactCategory(
icon: Icons.email,
children: <Widget>[
new _ContactItem(
icon: Icons.email,
tooltip: 'Send personal e-mail',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('Here, your e-mail application would open.')
));
},
lines: <String>[
'ali_connors@example.com',
'Personal'
]
),
new _ContactItem(
icon: Icons.email,
tooltip: 'Send work e-mail',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('This is a demo, so this button does not actually work.')
));
},
lines: <String>[
'aliconnors@example.com',
'Work'
]
)
]
),
new _ContactCategory(
icon: Icons.location_on,
children: <Widget>[
new _ContactItem(
icon: Icons.map,
tooltip: 'Open map',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('This would show a map of San Francisco.')
));
},
lines: <String>[
'2000 Main Street',
'San Francisco, CA',
'Home'
]
),
new _ContactItem(
icon: Icons.map,
tooltip: 'Open map',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('This would show a map of Mountain View.')
));
},
lines: <String>[
'1600 Amphitheater Parkway',
'Mountain View, CA',
'Work'
]
),
new _ContactItem(
icon: Icons.map,
tooltip: 'Open map',
onPressed: () {
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: new Text('This would also show a map, if this was not a demo.')
));
},
lines: <String>[
'126 Severyns Ave',
'Mountain View, CA',
'Jet Travel'
]
)
]
),
new _ContactCategory(
icon: Icons.today,
children: <Widget>[
new _ContactItem(
lines: <String>[
'Birthday',
'January 9th, 1989'
]
),
new _ContactItem(
lines: <String>[
'Wedding anniversary',
'June 21st, 2014'
]
),
new _ContactItem(
lines: <String>[
'First day in office',
'January 20th, 2015'
]
),
new _ContactItem(
lines: <String>[
'Last day in office',
'August 9th, 2015'
]
)
]
)
]
)
)
);
}
}