Функция SmallFloatingActionButton

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

Синтаксис

SmallFloatingActionButton(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.SmallFloatingActionButton

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			SmallFloatingActionButton(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.Icon
import androidx.compose.material3.SmallFloatingActionButton

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

На экране две маленькие плавающие кнопки встанут рядом друг с другом.

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

функция FloatingActionButton,
которая рисует кнопку стандартного размера
функция LargeFloatingActionButton,
которая рисует увеличенную плавающую кнопку
функция ExtendedFloatingActionButton,
которая добавляет подпись к иконке
функция Row,
которая ставит кнопки в горизонтальный ряд