Chrome custom tabs - setCloseButtonIcon() not changing icon

Question

I'm trying to change icon for close button in Chrome custom tabs. But it is not changing.

Here's my code:

CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();
builder.setCloseButtonIcon(BitmapFactory.decodeResource(getResources(), R.drawable.ic_arrow_back));
CustomTabsIntent customTabsIntent = builder.build();
customTabsIntent.launchUrl(this, Uri.parse(url));

Possible duplicate of [setCloseButtonIcon() method doesn't change default Close button](http://stackoverflow.com/questions/34614584/setclosebuttonicon-method-doesnt-change-default-close-button) — River, Mar 02 '17 at 21:38
After the setCloseButtonIcon(). Are you using these lines exactly: CustomTabsIntent customTabsIntent = builder.build(); customTabsIntent.launchUrl(this, Uri.parse(url)); — Anurag Singh, Mar 03 '17 at 06:36
Try using this icon or image as close button http://www.filedropper.com/back_3 — Anurag Singh, Mar 03 '17 at 06:58
I would ask for one more thing and that is to post comlete code for custom Tab from creation to launching. Thanks — Anurag Singh, Mar 03 '17 at 07:16
Share the close image and customtab gradle version because the same piece of code is working in my project? — Anurag Singh, Mar 03 '17 at 07:41
Custom tabs version is 25.2.0 and the back button image that I'm trying to use is [ic_arrow_back](https://material.io/icons/#ic_arrow_back) of 24dp. — RandomyzeEverything, Mar 03 '17 at 07:48

score 2 · Answer 1 · answered Apr 18 '20 at 20:14

Old question, but I stumbled across this and recently had what I believe is the same problem, so I'll answer.

I believe the issue is that you are using a vector drawable, but your code expects a PNG. I ran into this issue when I used a debugging breakpoint to discover that the result of parsing the image file was null.

This answer helped me. Here's the most relevant code section from that answer. It uses Android KTX.

AppCompatResources.getDrawable(activity, R.drawable.ic_arrow_back_white_24dp)?.let {
    builder.setCloseButtonIcon(it.toBitmap())
}

score 1 · Answer 2 · answered Jun 03 '20 at 01:35

According to this documentation, the close icon needs to be 24dp x 24dp. Something like this works:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M7.2,14.4m-3.2,0a3.2,3.2 0,1 1,6.4 0a3.2,3.2 0,1 1,-6.4 0"/>
  <path
      android:fillColor="@android:color/white"
      android:pathData="M14.8,18m-2,0a2,2 0,1 1,4 0a2,2 0,1 1,-4 0"/>
  <path
      android:fillColor="@android:color/white"
      android:pathData="M15.2,8.8m-4.8,0a4.8,4.8 0,1 1,9.6 0a4.8,4.8 0,1 1,-9.6 0"/>
</vector>

Chrome custom tabs - setCloseButtonIcon() not changing icon

2 Answers2