auto-claude: subtask-2-1 - Create LoadingDialog component with static show()
This commit is contained in:
parent
61dee9e51f
commit
f3a05099ab
81
lib/components/loading_dialog.dart
Normal file
81
lib/components/loading_dialog.dart
Normal file
@ -0,0 +1,81 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// A reusable loading dialog component with a spinner and message.
|
||||
///
|
||||
/// Use the static [show] method to display the dialog and [hide] to dismiss it.
|
||||
///
|
||||
/// Example:
|
||||
/// ```dart
|
||||
/// // Show loading dialog
|
||||
/// LoadingDialog.show(context, message: 'Loading...');
|
||||
///
|
||||
/// // Perform async operation
|
||||
/// await someAsyncOperation();
|
||||
///
|
||||
/// // Hide loading dialog
|
||||
/// LoadingDialog.hide(context);
|
||||
/// ```
|
||||
class LoadingDialog extends StatelessWidget {
|
||||
final String message;
|
||||
|
||||
const LoadingDialog({
|
||||
super.key,
|
||||
required this.message,
|
||||
});
|
||||
|
||||
/// Shows a loading dialog with the specified [message].
|
||||
///
|
||||
/// The dialog is non-dismissible by tapping outside.
|
||||
/// Use [hide] to dismiss the dialog when the operation completes.
|
||||
static Future<void> show(
|
||||
BuildContext context, {
|
||||
required String message,
|
||||
}) {
|
||||
return showDialog<void>(
|
||||
context: context,
|
||||
barrierDismissible: false,
|
||||
builder: (BuildContext dialogContext) {
|
||||
return LoadingDialog(message: message);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/// Hides the currently displayed loading dialog.
|
||||
///
|
||||
/// Should be called after showing a dialog with [show].
|
||||
static void hide(BuildContext context) {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final colorScheme = Theme.of(context).colorScheme;
|
||||
final textTheme = Theme.of(context).textTheme;
|
||||
|
||||
return Center(
|
||||
child: Card(
|
||||
elevation: 4,
|
||||
color: colorScheme.surface,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(24.0),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
CircularProgressIndicator(
|
||||
color: colorScheme.primary,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
message,
|
||||
style: textTheme.bodyMedium?.copyWith(
|
||||
color: colorScheme.onSurface,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user