Android material chip component crashing app. Unable to inflate xml

Question

Tried Chip component from both support library
com.google.android.support:design:28.0.0-rc01 and material
com.google.android.material:material:1.0.0-rc01

StackTrace

android.view.InflateException: Binary XML file line #72: Binary XML file 
      line #72: Error inflating class com.google.android.material.chip.Chip 
      at android.view.LayoutInflater.inflate(LayoutInflater.java:551)
      at android.view.LayoutInflater.inflate(LayoutInflater.java:429)`

Layout

<com.google.android.material.chip.Chip
    android:id="@+id/chip"
    style="style/Widget.MaterialComponents.Chip.Entry"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/account"
    app:closeIconEnabled="true" />`

Did you tried with `implementation 'com.android.support:design:28.0.0-rc01'` — Mohamed Mohaideen AH, Aug 16 '18 at 13:56
Are you extending on of the provided themes as explained in https://material.io/develop/android/docs/getting-started/? — Paranoid42, Aug 20 '18 at 14:45
@Paranoid42 thanks for the info.. Actually I didn't do that. Will get back after checking. — Sourin Ghosh, Aug 20 '18 at 14:54

score 106 · Accepted Answer · answered Sep 13 '18 at 13:34

106

Update your app theme to inherit from one of these themes:

Theme.MaterialComponents
Theme.MaterialComponents.NoActionBar
Theme.MaterialComponents.Light
Theme.MaterialComponents.Light.NoActionBar
Theme.MaterialComponents.Light.DarkActionBar

For example:

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">

Note: Using a Material Components theme enables a custom view inflater

Source: https://www.material.io/develop/android/docs/getting-started/

answered Sep 13 '18 at 13:34

Mikhail Sharin

2,413
2
18
27

1

I was wondering why any of `com.google.android.material` widget is not inflating in the app. This is the reason! – OhhhThatVarun Sep 12 '19 at 10:06
Saved me many hours of head-scratching. God bless you man – user2672052 Oct 09 '20 at 11:05
In my case, `val chip = new Chip(context)` and `val chip = layoutInflater.from(context).inflate` were both failing despite my material theme. This is because I passed the wrong `context` (application context instead of activity context). Therefore, my material theme wasn't yet applied. – rmirabelle Feb 05 '21 at 20:50

score 61 · Answer 2 · answered Jul 16 '19 at 15:02

61

You can juste add @style/Theme.MaterialComponents.Light style attribut in xml layout like this:

<com.google.android.material.chip.Chip
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="chip"
android:theme="@style/Theme.MaterialComponents.Light"/>

answered Jul 16 '19 at 15:02

Houssin Boulla

1,764
1
13
16

1

Thanks! It works like a charm without changing the App Theme attribute. – Suhas Wagre May 19 '20 at 08:46
getting The style on this component requires your app theme to be Theme.MaterialComponents (or a descendant). – NehaK May 18 '21 at 07:13

score 5 · Answer 3 · answered Aug 24 '18 at 15:47

Add the following new theme attributes to your existing app theme:

<style name="Theme.MyApp" parent="Theme.AppCompat">

    <!-- Original AppCompat attributes. -->
    <item name="colorPrimary">@color/my_app_primary_color</item>
    <item name="colorPrimaryDark">@color/my_app_primary_dark_color</item>
    <item name="colorAccent">@color/my_app_accent_color</item>

    <!-- New MaterialComponents attributes. -->
    <item name="colorSecondary">?attr/colorPrimary</item>
    <item name="scrimBackground">@color/mtrl_scrim_color</item>
    <item name="textAppearanceHeadline1">@style/TextAppearance.MaterialComponents.Headline1</item>
    <item name="textAppearanceHeadline2">@style/TextAppearance.MaterialComponents.Headline2</item>
    <item name="textAppearanceHeadline3">@style/TextAppearance.MaterialComponents.Headline3</item>
    <item name="textAppearanceHeadline4">@style/TextAppearance.MaterialComponents.Headline4</item>
    <item name="textAppearanceHeadline5">@style/TextAppearance.MaterialComponents.Headline5</item>
    <item name="textAppearanceHeadline6">@style/TextAppearance.MaterialComponents.Headline6</item>
    <item name="textAppearanceSubtitle1">@style/TextAppearance.MaterialComponents.Subtitle1</item>
    <item name="textAppearanceSubtitle2">@style/TextAppearance.MaterialComponents.Subtitle2</item>
    <item name="textAppearanceBody1">@style/TextAppearance.MaterialComponents.Body1</item>
    <item name="textAppearanceBody2">@style/TextAppearance.MaterialComponents.Body2</item>
    <item name="textAppearanceCaption">@style/TextAppearance.MaterialComponents.Caption</item>
    <item name="textAppearanceButton">@style/TextAppearance.MaterialComponents.Button</item>
    <item name="textAppearanceOverline">@style/TextAppearance.MaterialComponents.Overline</item>

</style>

Source: https://material.io/develop/android/docs/getting-started/
Thanks @Paranoid42

Yes initially that was the problem.. I was using appcompat theme — Sourin Ghosh, Aug 24 '18 at 15:51
Adding these shows a black screen when using the chip but doesnt crash atleast — RamPrasadBismil, Apr 03 '20 at 20:04

score 2 · Answer 4 · answered Aug 24 '18 at 15:21

Finally Got a solution as how to generate chips dynamically using new material chips

Google has not provided any documentation for chipsInput layout or how to make a gmail address like layout. Using ChipDrawable won't give delete operation on chip option as can't call setOnCloseIconClickListener. I was able to do using HorizontalScrollView, ChipGroup and EditText

Here's my code sample :

MaterialChipsInputDemo

Android material chip component crashing app. Unable to inflate xml

4 Answers4

Linked