Change android chip icon position

Question

I have added a few chips in my app. The default chip have tick icon when you select it like this.

I want to change the icon position to the bottom. Like this.

There is no property to change the icon position. How can I achieve this result.

Answer 1

use this property to change chip icon position:

android:layoutDirection="rtl"

Answer 2

You could set android:layoutDirection="rtl" or the opposite of your current direction to put the icon on the right.

For more: https://material.io/design/usability/bidirectionality.html

Answer 3

Start icon

app:chipIconVisible — visibility of the chip icon. app:chipIcon — drawable icon to show at the start of the chip. app:chipIconSize — size of the chip icon.

chip.setOnClickListener {
   // Handle chip click
}

close icon

app:closeIconVisible — visibility of the close icon. app:closeIcon — drawable icon show at end of the chip. app:closeIconSize — size of the close icon.

chip.setOnCloseIconClickListener {
    // Handle chip close icon click
}