I am trying to use floatingActionButton and try to add icon which is in a vector.xml. But there is o...

# compose

[amar_1995]

I am trying to use floatingActionButton and try to add icon which is in a vector.xml. But there is only image and or shape and nothing for vectorImage. Is there any way to do that.

Column(modifier = ExpandedHeight, crossAxisAlignment = CrossAxisAlignment.End, mainAxisAlignment = MainAxisAlignment.End ) {
        Column(modifier = Spacing(16.dp)) {
            val icon = +imageResource(R.drawable.add)
            FloatingActionButton(icon = icon, color = Color.Red, elevation = 8.dp)
        }
    }

Also tried using +vectorResource(R.drawable.add) as Image

[kioba]

have you seen this? maybe this solves your issue as well 🙂
https://kotlinlang.slack.com/archives/CJLTWPH7S/p1572918696361300

[amar_1995]

DrawVector return type is Unit and FloatingActionButton icon field accepts only image. Hence, DrawVector is not working.
Is there is any other possible way to do this ?

[kioba]

you can roll your own:

FloatingActionButton(
        onClick = onClick,
        color = color,
        elevation = elevation,
        minSize = ExtendedFabHeight) {
            Padding(left = ExtendedFabIconPadding, right = ExtendedFabTextPadding) {
                Row {
                    DrawVector{} 
                    WidthSpacer(width = ExtendedFabIconPadding)
                    Text(text = text, style = textStyle)
                }
            }
        }
    }

[nglauber]

@amar_1995 I did that in my article 😉
https://medium.com/@nglauber/jetpack-compose-part-ii-async-data-tabs-scroller-fab-state-efc8e267b914

[amar_1995]

@kloba It is working.
But android studio show warning Variable icon is never used