java.lang.IllegalArgumentException: This component requires that you specify a valid android:textAppearance attribute

Question

I have a com.google.android.material.button.MaterialButton component in one of my layout file and I get this error when I am using the latest version of the Material Components library (com.google.android.material:material:1.0.0-alpha3):

java.lang.IllegalArgumentException: This component requires that you specify a valid android:textAppearance attribute.

It wasn't present in 1.0.0-alpha1. Is this a bug in the library or should I just specify a textAppearance attribute from now?

Cameron Ketcham · Accepted Answer · 2018-06-15T22:13:25.587

77

Does your theme extend from Theme.MaterialComponents? More info about how to ensure all the components will work correctly can be found at https://material.io/develop/android/docs/getting-started/

edited Jun 15 '18 at 22:13

answered Jun 12 '18 at 18:28

Cameron Ketcham

7,586
2
25
27

5

I had the same problem and your solution worked fine. It turned out that my AppTheme did not inherit from Theme.MaterialComponents, but AppCompat. It used to work for 1.0.0-alpha1, but not version 3. – Bartosz Ostrowski Jun 13 '18 at 19:34
Thank you! Then I think I am gonna simply specify a textAppearance attribute, because I would like to stick to a device default theme. – Roland Szép Jun 14 '18 at 16:12
1

@RolandSzép it should be using the device default even if you set the correct app theme. You should set the correct theme if you plan on using any other components from the Material Design Library. They all reference attributes set in the theme to set the correct text appearance. If you want to set a different text appearance you should probably update the text appearance attrs in the theme. More info: https://material.io/develop/android/theming/typography/ – Cameron Ketcham Jun 15 '18 at 22:12
@Cameron Ketcham Now I get it! My problem was that when I set the Theme.MaterialComponents as my app theme (instead of android:Theme.DeviceDefault.Light), everything has changed to the default "googlish" look. (e.g. the settings activity of my app on Samsung phones wasn't the default Samsung settings look) But now I've realized that I only need to set the Theme.MaterialComponents theme on my components, that are components from the Material Design Library. And thanks for the link about the typeface, it is really helpful. – Roland Szép Jun 17 '18 at 08:59
1

For me app theme was correct but activity theme was not inherited from the material theme. Please remember activity theme should also extend Material theme. – Abhishek Mar 09 '19 at 22:00
Is there way to set theme programaticaly to `MaterialDatePicker` without inherit material components? – Pavel Poley Apr 28 '20 at 12:20

score 56 · Answer 2 · edited Dec 26 '19 at 19:48

56

If you are using any of the MaterialComponent, then your theme must extend from the following theme - Theme.MaterialComponents.Light.DarkActionBar

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

edited Dec 26 '19 at 19:48

Reaz Murshed

21,071
12
69
87

answered Oct 30 '18 at 11:23

sodiqOladeni

838
7
12

Not only `Theme.MaterialComponents.Light.DarkActionBar`, every `Theme.MaterialComponents.*` can be used. The list of the themes: https://material.io/develop/android/docs/getting-started/#material-components-themes – Vasily Kabunov May 21 '20 at 06:50

Akshay Gaonkar · Answer 3 · 2021-02-07T05:26:26.680

If you want to keep using your old styles but only want to extend from 'Theme.MaterialComponents' then you can use 'Bridge'.

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorAccent</item>
        <item name="colorAccent">@color/colorPrimaryDark</item>
</style>

0101100101 · Answer 4 · 2019-08-20T05:05:06.017

Does my theme extend from Theme.MaterialComponents? Oh yes indeed, and has been since I started using any of the new Material UI stuff. If all these answers here are as unhelpful to you as they were to me, get ready: The This component requires that you specify a valid android:textAppearance attribute error can be related to an external library specifying android:theme with the same name as the theme you are using, and Android randomly deciding which one to use depending on your build.gradle. In my case the culprit was inside Mobile FFmpeg.

I started encountering this error after working for a week while the build variant was set to a different product flavor and then switching back the original one. What changed meanwhile? After thorough investigation I found the build broke after I split implementation 'com.arthenica:mobile-ffmpeg-min:4.2.2.LTS' in two, for each product flavor where I actually use it like this:

videoImplementation 'com.arthenica:mobile-ffmpeg-min:4.2.2.LTS'
mainImplementation 'com.arthenica:mobile-ffmpeg-min:4.2.2.LTS'

This was enough to trigger This component requires that you specify a valid android:textAppearance attribute for flavor main, while working fine for flavor video. Every main build crashed because my app's theme is named AppTheme and the Mobile FFmpeg manifest also specifies android:theme="@style/AppTheme" (which affects all versions up to 4.2.2). So I renamed my theme, but that resulted in a build error very similar to the one here: https://github.com/tanersener/mobile-ffmpeg/issues/206

    Attribute application@theme value=(@style/ScryptedTheme) from AndroidManifest.xml:37:9-45
    is also present at [com.arthenica:mobile-ffmpeg-https:4.2.LTS] AndroidManifest.xml:17:9-40 value=(@style/AppTheme).
    Suggestion: add 'tools:replace="android:theme"' to <application> element at AndroidManifest.xml:31:5-95:19 to override.

After adding said tools:replace="android:theme", everything worked again, and the original MaterialComponents error was gone.

But why is it OK for one flavor and not OK for the other? Absolutely no idea. Credit goes to Google's tendency to add the craziest bugs to "stable" releases. At least it's possible to solve very easily with some refactoring.

TL;DR

THIS is the issue: https://github.com/tanersener/mobile-ffmpeg/issues/206 Together with the fact that when two merged manifest specify different themes with the same name, Android will choose one randomly depending on the content of your build.gradle.

Solution: Add a tools:replace="android:theme" to your manifest's <application> tag and change the name of your theme.

Thanks for the input..been scratching for many days on this errror!!! But what happens when we give this attribute? which theme is selected, ours or the library's? — adi, Sep 03 '19 at 15:30
`tools:replace` will select yours, but for some reason only if the theme name is different than the library's — 0101100101, Sep 04 '19 at 00:45
im a beginner, if u dint mind be asking, what shall I read such that , I shall analyse/interpret these things myself.. — adi, Sep 04 '19 at 03:56
If this command replaces the library's theme with our manifest theme, wouldn't the behaviour of the library change? — adi, Sep 11 '19 at 07:28
Ah yes you're right, it would, but only if it actually provides any UI. Mobile FFmpeg for instance doesn't have any UI, so their android:theme declaration is redundant. — 0101100101, Sep 12 '19 at 00:17
so, in case if a UI library is present, then is there a possibility that it might malfunction or crash? — adi, Sep 13 '19 at 12:01
Malfunction in terms of showing your theme when it should show another -> yes. Crash -> no :) — 0101100101, Sep 16 '19 at 00:26
We have spent days trying to fix this issue. Finally solved it with this solution. Thanks a lot. — jomin v george, Oct 22 '20 at 10:32

score 5 · Answer 5 · answered Apr 15 '20 at 08:17

if your theme does not extend MaterialComponents theme, and you want to keep the AppCompat theme, use a bridge theme, that would allow you to use material components keeping the AppCompat theme.

change your existing theme from:

 <style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

to this:

<style name="AppTheme" parent="Theme.MaterialComponents.Light.Bridge">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

score 3 · Answer 6 · answered Jul 11 '19 at 09:23

Check if your AppTheme inherits from MaterialComponents as specified here.

<style name="Theme.MyApp" parent="Theme.MaterialComponents.Light">
    <!-- ... -->
</style>

Remember to check all variants of styles.xml file. This was actually the issue I had.

score 2 · Answer 7 · answered Aug 26 '19 at 09:44

2

Got stucked in this error even if my theme extends Theme.MaterialComponents. I was creating Chips like this :Chip chip = new Chip(getActivity().getBasecontext(), null, R.attr.CustomChipChoice);.

The solution is to change it to Chip chip = new Chip(getActivity(), null, R.attr.CustomChipChoice);.

Hope it helps.

answered Aug 26 '19 at 09:44

Mxwan

153
12

1

Hi @Diridou ,what is CustomChipChoice here?could you show me that? – adi Sep 03 '19 at 15:17

score 1 · Answer 8 · answered Nov 04 '19 at 13:04

I have included this dependence first

implementation 'com.google.android.material:material:1.2.0-alpha01'

Than I have set my project style as bellow

 <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

score 0 · Answer 9 · answered Dec 10 '18 at 10:06

I had the same problem, I changed my activity theme but it didnt resolved the issue. The i changed my main app theme from AppCompact to Theme.MaterialComponents

<application
    android:allowBackup="true"
    android:fullBackupContent="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme2">
<activity
        android:name=".MainActivity"
        android:label="@string/app_name"/>
</application>

score 0 · Answer 10 · answered Mar 17 '21 at 04:27

Extending Correctly? => Verify your styles!

In my case, I made a dumb auto-complete mistake:

<item name="textInputStyle">@style/Widget.MaterialComponents.Button.OutlinedButton</item>

What I really meant was TextInputLayout.OutlinedBox instead of Button.OutlinedButton:

<item name="textInputStyle">@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox</item>

Unfortunately this typo gives the same misleading error (despite extending the theme correctly):

Caused by: java.lang.IllegalArgumentException: This component requires that you specify a valid TextAppearance attribute. Update your app theme to inherit from Theme.MaterialComponents (or a descendant).

...sharing because it took me a long time to spot the error!

java.lang.IllegalArgumentException: This component requires that you specify a valid android:textAppearance attribute

10 Answers10

Extending Correctly? => Verify your styles!

Linked

Related