how to remove shade on compose view?

Question

I use compose button in android view, but there is some shade at the bottom. How can I remove it?

    @Composable
fun VisibilityAnimationFAB() {
    var expanded by remember { mutableStateOf(true) }
    FloatingActionButton(
        onClick = { expanded = !expanded },
        modifier = Modifier
    ) {
        Row(Modifier.padding(start = 16.dp, end = 16.dp)) {
            Icon(
                vectorResource(id = R.drawable.ic_twitter),
                Modifier.align(Alignment.CenterVertically)
            )
            AnimatedVisibility(
                expanded,
                modifier = Modifier.align(Alignment.CenterVertically)
            ) {
                androidx.compose.material.Text(modifier = Modifier.padding(start = 8.dp), text = "Tweet")
            }
        }
    }

}

Catechu

Answer 1

You can use the elevation attribute in the FloatingActionButton

FloatingActionButton(
        onClick = { expanded = !expanded },
        modifier = Modifier,
        elevation = FloatingActionButtonDefaults.elevation(0.dp,0.dp)
    ){ /* .. */ }

Awhile

Answer 2

Use the elevation parameter in FloatingActionButton. In material design, elevation is the relative distance between two surfaces along the z-axis. Shadows make differences in surface elevation perceptible. (source)

You have to pass FloatingActionButtonElevation, which can be created using the elevation(...) method.

FloatingActionButton(
  elevation = elevation(
    defaultElevation = 0.dp
    pressedElevation = 0.dp
  ),
  // ...
) {
  // ...
}

Omor

Answer 3

this code disable all shadows

    FloatingActionButton(
        onClick = { expanded = !expanded },
        modifier = Modifier,
        elevation = null
    )

Obstructionist

Thank you!! This one worked perfectly! elevation = null – Rosado

Answer 4

You can write:

FloatingActionButton(
            onClick = {},              
            elevation = FloatingActionButtonDefaults.elevation(
                defaultElevation = 0.dp
            )
        )

Budd