Функция LargeFloatingActionButton

Функция LargeFloatingActionButton рисует круглую плавающую кнопку увеличенного размера. Нажатие обрабатывает параметр onClick, иконку передают в лямбду content через Icon из Icons.Filled с contentDescription.

Синтаксис

LargeFloatingActionButton(onClick = { }) {
	Icon(
		imageVector = Icons.Filled.Add,
		contentDescription = "abcde",
	)
}

Параметры

Параметр	Описание
`onClick`	Лямбда без аргументов. Срабатывает, когда пользователь нажал кнопку.
`content`	Лямбда с иконкой внутри. Обычно вызывают `Icon` с `Icons.Filled` и `contentDescription`.

Пример

Давайте выведем одну большую плавающую кнопку:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Add
import androidx.compose.material3.Icon
import androidx.compose.material3.LargeFloatingActionButton

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			LargeFloatingActionButton(onClick = { }) {
				Icon(
					imageVector = Icons.Filled.Add,
					contentDescription = "abcde",
				)
			}
		}
	}
}

На экране появится крупная круглая кнопка с иконкой плюса.

Пример

Давайте поставим её рядом с обычной плавающей кнопкой:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Row
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Add
import androidx.compose.material3.FloatingActionButton
import androidx.compose.material3.Icon
import androidx.compose.material3.LargeFloatingActionButton

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Row {
				FloatingActionButton(onClick = { }) {
					Icon(
						imageVector = Icons.Filled.Add,
						contentDescription = "abcde",
					)
				}
				LargeFloatingActionButton(onClick = { }) {
					Icon(
						imageVector = Icons.Filled.Add,
						contentDescription = "12345",
					)
				}
			}
		}
	}
}

На экране справа кнопка будет заметно крупнее левой при той же иконке.

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

функция FloatingActionButton,
которая рисует кнопку среднего размера
функция SmallFloatingActionButton,
которая рисует компактную плавающую кнопку
функция ExtendedFloatingActionButton,
которая добавляет текст рядом с иконкой
функция Icon,
которой рисуют знак на кнопке