BottomNavigationView Custom Item Image

Question

I wanna to set a custom image to "Profile" item in the BottomNavigationView as the user is logged in. I have user's image URL.

This is the suggested design

Answer 1

I used this code for make it works. (Kotlin)

navigation is the BottomNavigationView

val menu = navigation.menu
val menuItem = menu.findItem(R.id.my_account)
Glide.with(this)
        .asBitmap()
        .load("https://my_account_image_url")
        .apply(RequestOptions
                .circleCropTransform()
                .placeholder(R.drawable.ic_avatar))
        .into(object : SimpleTarget<Bitmap>() {
            override fun onResourceReady(resource: Bitmap, transition: Transition<in Bitmap>?) {
                menuItem?.icon = BitmapDrawable(resources, resource)
            }
        })