New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Material 3 #279
Comments
You can specify the shape to override the currently default SpeedDial(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
...
) |
Yes, I can specify this shape, but in fact, I am now noticed that this is not enough to match Material 3. Both in part of the main fab, and in part of speed-dial children. For the reference: |
Hi, Here is some example code SpeedDial(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(16)),
),
spacing: 16,
childMargin: EdgeInsets.zero,
childPadding: const EdgeInsets.all(8.0),
children: [
SpeedDialChild(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
),
SpeedDialChild(
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
),
),
]
) |
Hi!
Is it possible to make this control look like Material 3 FAB if that "Material 3" mode is used in the application?
Just for information: The "Material 3" theme mode can be set using the
useMaterial3
property of theThemeData
class when setting it as a theme in theMaterialApp
widget.In fact, I have already tried this "Material 3" mode in my app with a SpeedDial.
This control already looks pretty good when opened:
But the main FAB button still looks wrong, which looks quite inappropriate.
Could you fix this button with some styling, please?
For reference, the documentation for Material 3 FAB:
https://m3.material.io/components/floating-action-button
The text was updated successfully, but these errors were encountered: