Flutter 带动态状态的浮动操作按钮

Question

Putting the finishing touches on my first Flutter mobile app. Another important ToDo: My Floating Action Button appears in the Top App Bar for every page, but i would like its status to change (enabled / disabled) depending on the current page. Is this possible? if so, any tutorials, resources, reference material and / or code examples fit for a novice, would be much appreciated. Thanks!

Answer 1

Cool, you can use Visibility :

floatingActionButton: Visibility(
  child: FloatingActionButton(...),
  visible: false, // set it to false
)

Alternatively, you could use NotificationListener (more elegante but sophisticated).

Please check this example from another publication

---

Edit: maybe controlling it directly in onPressed. According to official docs :

"If the onPressed callback is null, then the button will be disabled and by default will resemble a flat button in the disabledColor."

FloatingActionButton(
      onPressed: shouldButtonBeDisabled() ? null : () => whatToDoOnPressed,
      child: Text('blablabla')
    );