Класс FloatingActionButtonLocation

Класс FloatingActionButtonLocation отвечает за куда ставить круглую кнопку. Ниже перечислены параметры, с которыми его чаще всего собирают экран.

Синтаксис

FloatingActionButtonLocation.endFloat

Значения

Значение	Описание
`startFloat`	Справа внизу для LTR, слева для RTL.
`centerFloat`	По центру нижнего края.
`endFloat`	Слева внизу для LTR, справа для RTL.
`centerDocked`	По центру, врезается в `BottomAppBar`.
`endDocked`	У края, врезается в `BottomAppBar`.
`startDocked`	У противоположного края, врезается в `BottomAppBar`.

Пример

Давайте поставим FAB справа внизу:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				floatingActionButton: FloatingActionButton(onPressed: () {}, child: Icon(Icons.add)),
				floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
				body: Center(child: Text('abcde')),
			),
		),
	);
}

На экране круглая кнопка у правого нижнего угла.

Пример

Давайте прижмём FAB к центру:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				floatingActionButton: FloatingActionButton(onPressed: () {}, child: Icon(Icons.add)),
				floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
				body: Center(child: Text('12345')),
			),
		),
	);
}

На экране кнопка по центру нижнего края.

Смотрите также

виджет DrawerHeader,
который шапка боковой панели
виджет BottomAppBar,
который нижняя панель под кнопкой
виджет UserAccountsDrawerHeader,
который шапка ящика с именем и почтой
виджет NavigationDrawer,
который боковая панель Material 3