Jetpack UI Compose. How to create FloatingActionButton?

Question

I want to create a FloatingActionButton placed at the bottom right in the activity using jetpack compose.
Can anyone help me with an example for the above scenario?

Answer 1

You can create FloatingActionButton try below @Compose function use your drawable icon.

@Composable
fun MyFloatingActionButton() {
      val icon = +imageResource(R.drawable.ic_add_icon)
            FloatingActionButton(icon = icon, color = Color.Red, elevation = 8.dp)
}