LargeFloatingActionButton

Material 3

El componente LargeFloatingActionButton sigue las mismas reglas e implimentaciones que FloatingActionButton pero el botón como tal es más grande.

Implementación

Definición del componente

Material 3

@Composable
fun LargeFloatingActionButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    shape: Shape = FloatingActionButtonDefaults.largeShape,
    containerColor: Color = FloatingActionButtonDefaults.containerColor,
    contentColor: Color = contentColorFor(containerColor),
    elevation: FloatingActionButtonElevation = FloatingActionButtonDefaults.elevation(),
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    content: @Composable () -> Unit,
)

Atributo	Descripción
onClick	Función lambda que se ejecutará cuando el usuario pulse el botón.
modifier	Modificador que implementará el composable.
shape	Define la forma del FloatingActionButton y su sombra.
containerColor	El color del fondo del componente.
contentColor	Color del contenido.
elevation	Permite modificar la elevación del componente en sus distintos estados con el objeto FloatingActionButtonElevation.
interactionSource	Representa un stream de interacciones del botón lo que nos permite modificar su diseño o comportamiento. Por ejemplo que mientras el botón esté pulsado, este encoja.
content	Contenido a mostrar dentro del FloatingActionButton.

Fuente

Puedes acceder a la documentación oficial de Google desde aquí.

Ejemplos

Material 3

@Composable
fun LargeFloatingActionButtonExample() {
    LargeFloatingActionButton(onClick = { print("Hello") }) {
        Icon(Icons.Filled.Favorite, "Floating action button.")
    }
}