FloatingActionButtonThemeData disabled color

FloatingActionButtonThemeData does not have disabled color. It would be a easy if it had, so dimming the floating action button when data fields are not filled could be done with one line of code.

gintas-mac:lifetrens gintas$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v1.16.3-pre.64, on Mac OS X 10.15.3 19D76, locale
    en-GB)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.4)
[✓] Chrome - develop for the web
[✓] Android Studio (version 3.6)
[!] VS Code (version 1.43.2)
    ✗ Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[✓] Connected device (3 available)

! Doctor found issues in 1 category.

I don't know whether it will be okay to have one, as Material design does not allow FABs to be disabled. It recommends it to be hidden instead.
https://material.io/design/interaction/states.html#disabled

Should that be the default behavior then? When onPressed == null, hide the FAB?

Should that be the default behavior then? When onPressed == null, hide the FAB?

It might be a good change, as onPressed: null makes the FAB non-interactive, but still displays it. I checked for the following version:

Flutter 1.26.0-18.0.pre.187 • channel master • https://github.com/flutter/flutter
Framework • revision e96ce0ecb4 (39 minutes ago) • 2021-02-04 02:46:03 -0500
Engine • revision 5e50f4bad3
Tools • Dart 2.12.0 (build 2.12.0-285.0.dev)

This issue is missing a priority label. Please set a priority label when adding the triaged-design label.

If the FAB's foreground and background color properties could be MaterialStateColors, then we could add support for a disabled color without really changing the API. However a much nicer solution would be (still using the same API) to refactor FAB to be a ButtonStyleButton. There's an existing PR that's pretty far along: #53502

Navigation Menu

Repository navigation

FloatingActionButtonThemeData disabled color #53502

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

FloatingActionButtonThemeData disabled color #53502

Description

Activity

royarg02 commented on Apr 26, 2020

Levi-Lesches commented on Feb 4, 2021

royarg02 commented on Feb 4, 2021

flutter-triage-bot commented on Jul 16, 2023

HansMuller commented on Jul 27, 2023

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions