mirror of
https://github.com/flutter/samples.git
synced 2025-11-11 07:18:15 +00:00
[Gallery] Fix directory structure (#312)
This commit is contained in:
Pierre-Louis
GitHub
285
gallery/lib/demos/material/dialog_demo.dart
Normal file
285
gallery/lib/demos/material/dialog_demo.dart
Normal file
@@ -0,0 +1,285 @@
|
||||
// Copyright 2019 The Flutter team. 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';
|
||||
|
||||
import 'package:gallery/data/gallery_options.dart';
|
||||
import 'package:gallery/l10n/gallery_localizations.dart';
|
||||
|
||||
// BEGIN dialogDemo
|
||||
|
||||
enum DialogDemoType {
|
||||
alert,
|
||||
alertTitle,
|
||||
simple,
|
||||
fullscreen,
|
||||
}
|
||||
|
||||
class DialogDemo extends StatelessWidget {
|
||||
DialogDemo({Key key, @required this.type}) : super(key: key);
|
||||
|
||||
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
||||
final DialogDemoType type;
|
||||
|
||||
String _title(BuildContext context) {
|
||||
switch (type) {
|
||||
case DialogDemoType.alert:
|
||||
return GalleryLocalizations.of(context).demoAlertDialogTitle;
|
||||
case DialogDemoType.alertTitle:
|
||||
return GalleryLocalizations.of(context).demoAlertTitleDialogTitle;
|
||||
case DialogDemoType.simple:
|
||||
return GalleryLocalizations.of(context).demoSimpleDialogTitle;
|
||||
case DialogDemoType.fullscreen:
|
||||
return GalleryLocalizations.of(context).demoFullscreenDialogTitle;
|
||||
}
|
||||
return '';
|
||||
}
|
||||
|
||||
Future<void> _showDemoDialog<T>({BuildContext context, Widget child}) async {
|
||||
child = ApplyTextOptions(
|
||||
child: Theme(
|
||||
data: Theme.of(context),
|
||||
child: child,
|
||||
),
|
||||
);
|
||||
T value = await showDialog<T>(
|
||||
context: context,
|
||||
builder: (context) => child,
|
||||
);
|
||||
// The value passed to Navigator.pop() or null.
|
||||
if (value != null && value is String) {
|
||||
_scaffoldKey.currentState.hideCurrentSnackBar();
|
||||
_scaffoldKey.currentState.showSnackBar(SnackBar(
|
||||
content:
|
||||
Text(GalleryLocalizations.of(context).dialogSelectedOption(value)),
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
void _showAlertDialog(BuildContext context) {
|
||||
final ThemeData theme = Theme.of(context);
|
||||
final TextStyle dialogTextStyle =
|
||||
theme.textTheme.subhead.copyWith(color: theme.textTheme.caption.color);
|
||||
_showDemoDialog<String>(
|
||||
context: context,
|
||||
child: AlertDialog(
|
||||
content: Text(
|
||||
GalleryLocalizations.of(context).dialogDiscardTitle,
|
||||
style: dialogTextStyle,
|
||||
),
|
||||
actions: [
|
||||
_DialogButton(text: GalleryLocalizations.of(context).dialogCancel),
|
||||
_DialogButton(text: GalleryLocalizations.of(context).dialogDiscard),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _showAlertDialogWithTitle(BuildContext context) {
|
||||
final ThemeData theme = Theme.of(context);
|
||||
final TextStyle dialogTextStyle =
|
||||
theme.textTheme.subhead.copyWith(color: theme.textTheme.caption.color);
|
||||
_showDemoDialog<String>(
|
||||
context: context,
|
||||
child: AlertDialog(
|
||||
title: Text(GalleryLocalizations.of(context).dialogLocationTitle),
|
||||
content: Text(
|
||||
GalleryLocalizations.of(context).dialogLocationDescription,
|
||||
style: dialogTextStyle,
|
||||
),
|
||||
actions: [
|
||||
_DialogButton(text: GalleryLocalizations.of(context).dialogDisagree),
|
||||
_DialogButton(text: GalleryLocalizations.of(context).dialogAgree),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _showSimpleDialog(BuildContext context) {
|
||||
final ThemeData theme = Theme.of(context);
|
||||
_showDemoDialog<String>(
|
||||
context: context,
|
||||
child: SimpleDialog(
|
||||
title: Text(GalleryLocalizations.of(context).dialogSetBackup),
|
||||
children: [
|
||||
_DialogDemoItem(
|
||||
icon: Icons.account_circle,
|
||||
color: theme.colorScheme.primary,
|
||||
text: 'username@gmail.com',
|
||||
),
|
||||
_DialogDemoItem(
|
||||
icon: Icons.account_circle,
|
||||
color: theme.colorScheme.secondary,
|
||||
text: 'user02@gmail.com',
|
||||
),
|
||||
_DialogDemoItem(
|
||||
icon: Icons.add_circle,
|
||||
text: GalleryLocalizations.of(context).dialogAddAccount,
|
||||
color: theme.disabledColor,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Navigator(
|
||||
// Adding [ValueKey] to make sure that the widget gets rebuilt when
|
||||
// changing type.
|
||||
key: ValueKey(type),
|
||||
onGenerateRoute: (settings) {
|
||||
return _NoAnimationMaterialPageRoute<void>(
|
||||
builder: (context) => Scaffold(
|
||||
key: _scaffoldKey,
|
||||
appBar: AppBar(
|
||||
automaticallyImplyLeading: false,
|
||||
title: Text(_title(context)),
|
||||
),
|
||||
body: Center(
|
||||
child: RaisedButton(
|
||||
child: Text(GalleryLocalizations.of(context).dialogShow),
|
||||
onPressed: () {
|
||||
switch (type) {
|
||||
case DialogDemoType.alert:
|
||||
_showAlertDialog(context);
|
||||
break;
|
||||
case DialogDemoType.alertTitle:
|
||||
_showAlertDialogWithTitle(context);
|
||||
break;
|
||||
case DialogDemoType.simple:
|
||||
_showSimpleDialog(context);
|
||||
break;
|
||||
case DialogDemoType.fullscreen:
|
||||
Navigator.push<void>(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => _FullScreenDialogDemo(),
|
||||
fullscreenDialog: true,
|
||||
),
|
||||
);
|
||||
break;
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// A MaterialPageRoute without any transition animations.
|
||||
class _NoAnimationMaterialPageRoute<T> extends MaterialPageRoute<T> {
|
||||
_NoAnimationMaterialPageRoute({
|
||||
@required WidgetBuilder builder,
|
||||
RouteSettings settings,
|
||||
bool maintainState = true,
|
||||
bool fullscreenDialog = false,
|
||||
}) : super(
|
||||
builder: builder,
|
||||
maintainState: maintainState,
|
||||
settings: settings,
|
||||
fullscreenDialog: fullscreenDialog);
|
||||
|
||||
@override
|
||||
Widget buildTransitions(BuildContext context, Animation<double> animation,
|
||||
Animation<double> secondaryAnimation, Widget child) {
|
||||
return child;
|
||||
}
|
||||
}
|
||||
|
||||
class _DialogButton extends StatelessWidget {
|
||||
const _DialogButton({Key key, this.text}) : super(key: key);
|
||||
|
||||
final String text;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return FlatButton(
|
||||
child: Text(text),
|
||||
onPressed: () {
|
||||
Navigator.of(context, rootNavigator: true).pop(text);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _DialogDemoItem extends StatelessWidget {
|
||||
const _DialogDemoItem({
|
||||
Key key,
|
||||
this.icon,
|
||||
this.color,
|
||||
this.text,
|
||||
}) : super(key: key);
|
||||
|
||||
final IconData icon;
|
||||
final Color color;
|
||||
final String text;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SimpleDialogOption(
|
||||
onPressed: () {
|
||||
Navigator.of(context, rootNavigator: true).pop(text);
|
||||
},
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Icon(icon, size: 36, color: color),
|
||||
Flexible(
|
||||
child: Padding(
|
||||
padding: const EdgeInsetsDirectional.only(start: 16),
|
||||
child: Text(text),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _FullScreenDialogDemo extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final ThemeData theme = Theme.of(context);
|
||||
|
||||
// Remove the MediaQuery padding because the demo is rendered inside of a
|
||||
// different page that already accounts for this padding.
|
||||
return MediaQuery.removePadding(
|
||||
context: context,
|
||||
removeTop: true,
|
||||
removeBottom: true,
|
||||
child: ApplyTextOptions(
|
||||
child: Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text(GalleryLocalizations.of(context).dialogFullscreenTitle),
|
||||
actions: [
|
||||
FlatButton(
|
||||
child: Text(
|
||||
GalleryLocalizations.of(context).dialogFullscreenSave,
|
||||
style: theme.textTheme.body1.copyWith(
|
||||
color: theme.colorScheme.onPrimary,
|
||||
),
|
||||
),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Center(
|
||||
child: Text(
|
||||
GalleryLocalizations.of(context).dialogFullscreenDescription,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// END
|
||||
Reference in New Issue
Block a user