Dialog
A modal dialog interrupts the user with important content and expects a response.
Preview
Usage
FDialog(...)
FDialog(
direction: Axis.horizontal,
title: const Text('Are you absolutely sure?'),
body: const Text('This action cannot be undone. This will permanently delete your account and remove your data from our servers.'),
actions: [
FButton(style: FButtonStyle.outline, onPress: () => Navigator.of(context).pop(), child: const Text('Cancel')),
FButton(onPress: () => Navigator.of(context).pop(), child: const Text('Continue')),
],
);
FDialog.adaptive(...)
FDialog.adaptive(
title: const Text('Are you absolutely sure?'),
body: const Text('This action cannot be undone. This will permanently delete your account and remove your data from our servers.'),
actions: [
FButton(style: FButtonStyle.outline, onPress: () => Navigator.of(context).pop(), child: const Text('Cancel')),
FButton(onPress: () => Navigator.of(context).pop(), child: const Text('Continue')),
],
);
FDialog.raw(...)
FDialog.raw(
builder: (context, style) => const Placeholder(),
);
Examples
Horizontal Layout
Preview
Vertical Layout
We recommend using the vertical layout on mobile devices.
Preview
Last updated on