The style on this component requires your app theme to be theme MaterialComponents or a descendant

1. 발생 조건 : Material Object인 Chip을 처음 사용 해 보던 중 발생하였습니다.

아래의 해당 Exception이 발생하며 Crash로 앱이 종료됩니다.

2. 발생원인은 Exception에서 알려줍니다.

your app theme to be Theme.MaterialComponents

현재 앱 테마가 MaterialComponents로 설정되어 있지 않기 때문에 발생합니다.

3. 해결방법은 아래와 같이 AppTheme를 MaterialComponents로 변경하면 MaterialComponents들을 사용할 수 있습니다.

오늘 bottomsheet를 쓰다가 style을 바꿀 일이 생겨 바꾼 다음 실행을 했는데,

이러한 장문의 에러가 발생하였다.

처음 만나보는 에러였기에 혼자 해결하지는 못했고 여러 가지를 열심히 검색해봤다.

처음에는 위에 있는 causeby인 Binary XML file line #29에 대해 찾아봤지만 해답이 나오지 않았다.

그래서 맨 위에 있는 java.lang.RuntimeException: Unable to start activity ComponentInfo~ 이 친구 때문인가하며 

열심히 검색해보며 고쳤지만,

더더욱 삽질만 해댔다.

그러다 아래로 내려보니 또 다른 에러가 있었다.

바로 제목이기도 한 java.lang.IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents (or a descendant). java.lang.IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents (or a descendant). 이 친구이다.

이거다 생각해서 검색해보니, 이게 정답이었다.

이 오류는 style에서 apptheme를 내가 Appcompat을 사용하고 있었는데 이 친구를 MaterialComponets로 바꾸란 것이었다.

대충 바꾸기 전에는 

이렇게 parent가 Them.AppCompat~이었지만

Theme.MeterialComponets로 바꾸고 나니 잘 실행되었다.

다행히 해결되어서 개인 프로젝트하는데 진행이 막히지 않았다.

All we need is a simple explanation of the problem, which is provided below.

Below are my dependencies

My layout.xml

The Above code is working fine for me

But when i update the dependencies of material design

I’m getting below error:

Let’s Solve it:

This is a common error many developers questioned us about it. So we write the explanation above. You just have to apply the suggested solution to your code and it will do for you. If you still getting this error after applying this code then comment below we will get back to you with the new method.

Solution 1

There is some issue with material:1.1.0-alpha01

A simple solution is to change the parent theme

Solution 2

Extend your base app Theme from Material Components Bridge theme. It extends AppCompat theme, but adds all necessary stuff.

Both Theme.MaterialComponents and Theme.MaterialComponents.Light have .Bridge themes:

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

It allows you to keep using latest version of the library, but avoid a lot of UI issues, caused by migration to pure Material Component theme

https://material.io/develop/android/docs/getting-started/#bridge-themes

Solution 3

Adding theme directly to widget works too. E.g.:

Checked with min. SDK ver. 21.

Solution 4

None of these worked for me. Must do these two things.

and

Solution 5

|> 1: Define the following style in style.xml:

|> 2: In the manifest.xml file, use from above style:

|> 3: Choose a style for your component:

Solution 6

We have change Gradle dependencies and style code my case working fine

Gradle Dependencies

Solution 7

You can also add theme to CoordinatorLayout, such as

Solution 8

If you’re having this issue and you’re instantiating a view programmatically:

Make sure not to use getApplicationContext() when requiring a Context instance, but instead use this or HolderActivity.this (replace HolderActivity with your own activity) if inside a anonymous function.

For example I was having this issue with

where I should be using

Solution 9

I had this problem when I was testing the TextInputEditText which was inside a TextInputLayout with style that had parent parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox"

And the solution was to add the theme in the tests as follows

Solution 10

I have an error when I create a chip in code, This issue makes the app stop working, so I solved with creating a chip with context like your activity name like below

It works for me, my app use dependency as com.google.android.material:material:1.4.0

Solution 11

I had this problem and fixed it by changing the theme "Theme.MaterialComponents.Light.NoActionBar" with "Theme.MaterialComponents.Light.NoActionBar.Bridge" and this works for me.

Note: You are free to use these solutions for your personal use. We recommend you apply the first solution to your code because it was tested in our system before posting it on this page.

We are always trying to help the developer community, So we made their work easy. Basically, we collected these data from stackoverflow.com, As it is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0.