Flutter Material UI FloatingActionButtonLocation

An object that defines a position for the FloatingActionButton based on the Scaffold’s ScaffoldPrelayoutGeometry.


FloatingActionButtonLocation Constants

  • FloatingActionButtonLocation.centerDocked: Centered FloatingActionButton, floating over the Scaffold.bottomNavigationBar so that the center of the floating action button lines up with the top of the bottom navigation bar.

  • FloatingActionButtonLocation.centerFloat: Centered FloatingActionButton, floating at the bottom of the screen.

  • FloatingActionButtonLocation.centerTop: Centered FloatingActionButton, floating over the transition between the Scaffold.appBar and the Scaffold.body.

  • FloatingActionButtonLocation.endDocked: End-aligned FloatingActionButton, floating over the Scaffold.bottomNavigationBar so that the center of the floating action button lines up with the top of the bottom navigation bar.

  • FloatingActionButtonLocation.endFloat: End-aligned FloatingActionButton, floating at the bottom of the screen.

  • FloatingActionButtonLocation.endTop: End-aligned FloatingActionButton, floating over the transition between the Scaffold.appBar and the Scaffold.body.

  • FloatingActionButtonLocation.miniCenterDocked: Centered FloatingActionButton, floating over the Scaffold.bottomNavigationBar so that the center of the floating action button lines up with the top of the bottom navigation bar; intended to be used with FloatingActionButton.mini set to true.

  • FloatingActionButtonLocation.miniCenterFloat: Centered FloatingActionButton, floating at the bottom of the screen, optimized for mini floating action buttons.

  • FloatingActionButtonLocation.miniCenterTop: Centered FloatingActionButton, floating over the transition between the Scaffold.appBar and the Scaffold.body, intended to be used with FloatingActionButton.mini set to true.

  • FloatingActionButtonLocation.miniEndDocked: End-aligned FloatingActionButton, floating over the Scaffold.bottomNavigationBar so that the center of the floating action button lines up with the top of the bottom navigation bar, optimized for mini floating action buttons.

  • FloatingActionButtonLocation.miniEndFloat: End-aligned FloatingActionButton, floating at the bottom of the screen, optimized for mini floating action buttons.

  • FloatingActionButtonLocation.miniEndTop: End-aligned FloatingActionButton, floating over the transition between the Scaffold.appBar and the Scaffold.body, optimized for mini floating action buttons.

  • FloatingActionButtonLocation.miniStartDocked: Start-aligned FloatingActionButton, floating over the Scaffold.bottomNavigationBar so that the center of the floating action button lines up with the top of the bottom navigation bar, optimized for mini floating action buttons.

  • FloatingActionButtonLocation.miniStartFloat: Start-aligned FloatingActionButton, floating at the bottom of the screen, optimized for mini floating action buttons.

  • FloatingActionButtonLocation.miniStartTop: Start-aligned FloatingActionButton, floating over the transition between the Scaffold.appBar and the Scaffold.body, optimized for mini floating action buttons.

  • FloatingActionButtonLocation.startDocked: Start-aligned FloatingActionButton, floating over the Scaffold.bottomNavigationBar so that the center of the floating action button lines up with the top of the bottom navigation bar.

  • FloatingActionButtonLocation.startFloat: Start-aligned FloatingActionButton, floating at the bottom of the screen.

  • FloatingActionButtonLocation.startTop: Start-aligned FloatingActionButton, floating over the transition between the Scaffold.appBar and the Scaffold.body.


Reference