Error inflating class android.support.v7.widget.Toolbar. My mistake or bug?

Question

I had the following rendering issue on all my layouts when using SDK 22 to preview them.

Error inflating class android.support.v7.widget.Toolbar.

java.lang.NoSuchFieldError: View_theme

In my case , the problem was styles.xml:

XML with rendering problem:

<resources>

    <style name="AppBaseTheme" parent="Theme.AppCompat.Light.DarkActionBar" />
    <!-- Base application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primary_dark</item>
        <item name="colorAccent">@color/accent</item>
        <item name="android:textColorPrimary">@color/primary_text</item>
    </style>

</resources>

XML without problem:

<resources>

    <style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar" />
    <!-- Base application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primary_dark</item>
        <item name="colorAccent">@color/accent</item>
        <item name="android:textColorPrimary">@color/primary_text</item>
    </style>

</resources>

Notice how I had to add @style/ in the parent reference. That seems to solve my problem (after a rebuild).

Question, is this an error on my side, or a bug? Many tutorials don't put it (Including Official Android Page)

Gradle:

compileSdkVersion 22
buildToolsVersion '22.0.1'
minSdkVersion 15
targetSdkVersion 22
classpath 'com.android.tools.build:gradle:1.1.0'

Final Note: I'm not using Toolbar.

see this [link][1] this may help you [1]: http://stackoverflow.com/questions/29005958/android-sdk-22-searchview-rendering-problems/29822819#29822819 — N J, Apr 25 '15 at 16:03
@Nilesh, in my case I'm able to use SDK 22, but only if I add `@style`. No need to downgrade to SDK 21. — gian1200, Apr 25 '15 at 16:42
Don't down grade the SDK only change api 22 to 21 in layout file .i.e preview 22 to 21 — N J, Apr 25 '15 at 16:45
yeah, I meant that. :). By adding @style, I don't need to do that. — gian1200, Apr 25 '15 at 16:47

score 4 · Accepted Answer · edited May 23 '17 at 12:32

4

EDIT :

Reading from another SO question.

If your activity extends AppCompactActivity, your parent theme should be

<style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar" />

where as, if using ActionBarActivity, theme should be

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.DarkActionBar" />

I think the difference is on purpose, and not a bug. Please feel free to correct me if i am wrong as i cannot conferm the same from anywhere yet.

OLD :

To use Toolbar as an action bar, the first thing you need to do is disable the decor provided action bar. The easiest way is to have your theme extend from Theme.AppCompat.NoActionBar (or the light variant).

Use :

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar" />

From this post.

edited May 23 '17 at 12:32

Community

1
1

answered Apr 25 '15 at 16:03

Kushal Sharma

5,978
5
25
41

1

That's true only when I'm using "Toolbar", but I'm not. – gian1200 Apr 25 '15 at 16:44
What activity your class extends? ActionBarActivity or AppCompactActivity ? – Kushal Sharma Apr 25 '15 at 17:18
Before the update, ActionBarActivity. Now I use AppCompactActivity. – gian1200 Apr 25 '15 at 17:18
http://stackoverflow.com/questions/21814825/you-need-to-use-a-theme-appcompat-theme-or-descendant-with-this-activity Reading from here, there seems to be a similer problem. AppCompactAct needs @style where as ActionBarAct does not. I think its not a bug. but strange. I will edit my ans – Kushal Sharma Apr 25 '15 at 17:25
Well, I had the same trouble with ActionBarActivity – gian1200 Apr 26 '15 at 01:58
1

Thanks for the thorough explanation. – Eric Chen May 14 '15 at 13:15

score 3 · Answer 2 · edited May 26 '16 at 14:57

3

In my case, solution was as simple as

Add @style to the parent theme

<style name="AppTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">

remove android.support.v7.widget. from Toolbar

move from app:theme to android:theme

<Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

edited May 26 '16 at 14:57

Fabian N.

3,807
2
23
46

answered Apr 29 '15 at 08:50

Eloi Navarro

1,435
1
14
26

I need change Tabbar.axml, edit from "android.support.design.widget.TabLayout" to "com.google.android.material.tabs.TabLayout" – gabriel de sousa Jan 06 '21 at 13:01

Error inflating class android.support.v7.widget.Toolbar. My mistake or bug?

2 Answers2