mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00

Removed old Stack layout and added a simple-to-extend interface for the new drawer header. Also added a specialized UserAccountsDrawerHeader consistent with Material Design guidelines.
159 lines
5.5 KiB
Dart
159 lines
5.5 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/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
|
|
class LinkTextSpan extends TextSpan {
|
|
LinkTextSpan({ TextStyle style, String url, String text }) : super(
|
|
style: style,
|
|
text: text ?? url,
|
|
recognizer: new TapGestureRecognizer()..onTap = () {
|
|
UrlLauncher.launch(url);
|
|
}
|
|
);
|
|
}
|
|
|
|
class GalleryDrawer extends StatelessWidget {
|
|
GalleryDrawer({
|
|
Key key,
|
|
this.useLightTheme,
|
|
this.onThemeChanged,
|
|
this.timeDilation,
|
|
this.onTimeDilationChanged,
|
|
this.showPerformanceOverlay,
|
|
this.onShowPerformanceOverlayChanged
|
|
}) : super(key: key) {
|
|
assert(onThemeChanged != null);
|
|
assert(onTimeDilationChanged != null);
|
|
}
|
|
|
|
final bool useLightTheme;
|
|
final ValueChanged<bool> onThemeChanged;
|
|
|
|
final double timeDilation;
|
|
final ValueChanged<double> onTimeDilationChanged;
|
|
|
|
final bool showPerformanceOverlay;
|
|
final ValueChanged<bool> onShowPerformanceOverlayChanged;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
ThemeData themeData = Theme.of(context);
|
|
TextStyle aboutTextStyle = themeData.textTheme.body2;
|
|
TextStyle aboutLinkStyle = themeData.textTheme.body2.copyWith(color: themeData.accentColor);
|
|
|
|
return new Drawer(
|
|
child: new Block(
|
|
children: <Widget>[
|
|
new DrawerHeader(
|
|
child: new Center(child: new Text('Flutter gallery'))
|
|
),
|
|
new DrawerItem(
|
|
icon: new Icon(Icons.brightness_5),
|
|
onPressed: () { onThemeChanged(true); },
|
|
selected: useLightTheme,
|
|
child: new Row(
|
|
children: <Widget>[
|
|
new Flexible(child: new Text('Light')),
|
|
new Radio<bool>(
|
|
value: true,
|
|
groupValue: useLightTheme,
|
|
onChanged: onThemeChanged
|
|
)
|
|
]
|
|
)
|
|
),
|
|
new DrawerItem(
|
|
icon: new Icon(Icons.brightness_7),
|
|
onPressed: () { onThemeChanged(false); },
|
|
selected: useLightTheme,
|
|
child: new Row(
|
|
children: <Widget>[
|
|
new Flexible(child: new Text('Dark')),
|
|
new Radio<bool>(
|
|
value: false,
|
|
groupValue: useLightTheme,
|
|
onChanged: onThemeChanged
|
|
)
|
|
]
|
|
)
|
|
),
|
|
new Divider(),
|
|
new DrawerItem(
|
|
icon: new Icon(Icons.hourglass_empty),
|
|
selected: timeDilation != 1.0,
|
|
onPressed: () { onTimeDilationChanged(timeDilation != 1.0 ? 1.0 : 20.0); },
|
|
child: new Row(
|
|
children: <Widget>[
|
|
new Flexible(child: new Text('Animate Slowly')),
|
|
new Checkbox(
|
|
value: timeDilation != 1.0,
|
|
onChanged: (bool value) { onTimeDilationChanged(value ? 20.0 : 1.0); }
|
|
)
|
|
]
|
|
)
|
|
),
|
|
new DrawerItem(
|
|
icon: new Icon(Icons.assessment),
|
|
onPressed: () { onShowPerformanceOverlayChanged(!showPerformanceOverlay); },
|
|
selected: showPerformanceOverlay,
|
|
child: new Row(
|
|
children: <Widget>[
|
|
new Flexible(child: new Text('Performance Overlay')),
|
|
new Checkbox(
|
|
value: showPerformanceOverlay,
|
|
onChanged: (bool value) { onShowPerformanceOverlayChanged(!showPerformanceOverlay); }
|
|
)
|
|
]
|
|
)
|
|
),
|
|
new AboutDrawerItem(
|
|
applicationVersion: '2016 Q2 Preview',
|
|
applicationIcon: new AssetImage('packages/flutter_gallery_assets/appbar_background.jpg'),
|
|
applicationLegalese: '© 2016 The Chromium Authors',
|
|
aboutBoxChildren: <Widget>[
|
|
new Padding(
|
|
padding: const EdgeInsets.only(top: 24.0),
|
|
child: new RichText(
|
|
text: new TextSpan(
|
|
children: <TextSpan>[
|
|
new TextSpan(
|
|
style: aboutTextStyle,
|
|
text: "Flutter is an early-stage, open-source project to help "
|
|
"developers build high-performance, high-fidelity, mobile "
|
|
"apps for iOS and Android from a single codebase. This "
|
|
"gallery is a preview of Flutter's many widgets, behaviors, "
|
|
"animations, layouts, and more. Learn more about Flutter at "
|
|
),
|
|
new LinkTextSpan(
|
|
style: aboutLinkStyle,
|
|
url: 'https://flutter.io'
|
|
),
|
|
new TextSpan(
|
|
style: aboutTextStyle,
|
|
text: ".\n\nTo see the source code for this app, please visit the "
|
|
),
|
|
new LinkTextSpan(
|
|
style: aboutLinkStyle,
|
|
url: 'https://goo.gl/iv1p4G',
|
|
text: 'flutter github repo'
|
|
),
|
|
new TextSpan(
|
|
style: aboutTextStyle,
|
|
text: "."
|
|
)
|
|
]
|
|
)
|
|
)
|
|
)
|
|
]
|
|
)
|
|
]
|
|
)
|
|
);
|
|
}
|
|
}
|