Butterknife does not work with Include tag

Question

I have a CoordinatorLayout where I have my Button:

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="bottom|end">

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_marginBottom="16dp"
        android:layout_marginRight="16dp"
        android:src="@drawable/icon"
        app:fabSize="normal"/>

</android.support.design.widget.CoordinatorLayout>

And then I have the Activity xml where I include the Button:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    ...

        <include
            android:id="@+id/fabHere"
            layout="@layout/fab_here"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

</LinearLayout>

And here I have a fragment with Butterknife:

public class MyFragment extends Fragment {
....
@BindView(R.id.fab) FloatingActionButton fab;


    @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            view = inflater.inflate(R.layout.my_fragment, container, false);
            ButterKnife.bind(this, view);

            return view;
    }
...
 }

But if I start the App this appears:
java.lang.IllegalStateException: Required view 'fab' with ID 2131624072 for field 'fabHere' was not found. If this view is optional add '@Nullable' (fields) or '@Optional' (methods) annotation.

I tried to add the '@Nullable' and '@Optional' annotations, but it does not work

What exactly do you mean nothing happens? Does it crash, does it not show anything? Use `Butterknife.setDebug(true)` — Murat Karagöz, Nov 22 '16 at 12:31
The same error: java.lang.IllegalStateException: Required view 'fab' with ID 2131624072 for field 'fab' was not found. If this view is optional add '@Nullable' (fields) or '@Optional' (methods) annotation. — Sarah Pöhler, Nov 22 '16 at 12:35
@SarahPöhler check this link https://github.com/JakeWharton/butterknife/issues/396 — Ashwini Bhat, Nov 22 '16 at 12:39
Clean and rebuild the project after removing the include tag id. — Murat Karagöz, Nov 22 '16 at 12:39
For Butter Knife to be able to find the button in the fragment, wouldn't the button have to be in the layout file being inflated? — clownba0t, Nov 22 '16 at 12:42

Michael · Answer 1 · 2019-01-15T22:38:27.750

16

Simply remove the id from the include tag and the binding will work, even for the fields in the included layout.

edited Jan 15 '19 at 22:38

answered Feb 09 '18 at 00:07

Michael

430
6
20

Yes, I saw that somewhere too ! This is the right fix ! – Tobliug Mar 16 '18 at 11:23
It will solve your issue. Also, check if you wrote (pasted) correct layout. In my case, I copy-pasted from another activity and was wondering why does the Butterknife don't see my views :) – Kirill Karmazin Aug 23 '18 at 15:40
but if there are some views below the included view whose position is dependent on the id of included view, then what shall be done? – adi Sep 11 '19 at 12:26
If you have the option/ability I'd recommend switching to Kotlin, which would get rid of the need for Butterknife. Short of that, you could consider wrapping the include tag in another tag, that has an ID. – Michael Apr 20 '20 at 18:11
This issue was driving me nuts and such a simple fix. +1 – Panama Jack Dec 28 '22 at 05:13

Nishant Shah · Answer 2 · 2017-12-01T11:12:19.137

The MainActivity,

public MainActivity extends AppCompatActivity {
    // 1. First, we declare the layout that was included as a View objects.
    @BindView( R.id.layout_1 ) View layout_1;
    @BindView( R.id.layout_2 ) View layout_2;

    @Override
    protected void onCreate( Bundle savedInstanceState ) {
        super.onCreate( savedInstanceState );
        setContentView( R.layout.activity_main );

        // 2. In here, we bind the included layouts
        ButterKnife.bind( this );

        // 4. Then, we create objects of the type of the IncludedLayout.
        //      In this example the layout reuse the same layout twice, so, there are two
        //      IncludedLayouts.
        IncludedLayout includedLayout_1 = new IncludedLayout();
        IncludedLayout includedLayout_2 = new IncludedLayout();

        // 5. We bind the elements of the included layouts.
        ButterKnife.bind( includedLayout_1, layout_1 );
        ButterKnife.bind( includedLayout_2, layout_2 );

        // 6. And, finally, we use them.
        includedLayout_1.displayed_text.setText(  "Hello" );
        includedLayout_2.displayed_text.setText(  "Hey!" );
    }

    // 3. We create a static class that will be an container of the elements
    //     of the included layout. In here we declare the components that
    //     hold this. In this example, there is only one TextView.
    static class IncludedLayout {
        @BindView( R.id.displayed_text ) TextView displayed_text;
    }
}

The XML of the MainActivity:

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <include android:id="@+id/layout_1" layout="@layout/included_layout" />
        <include android:id="@+id/layout_2" layout="@layout/included_layout" />
</LinearLayout>

The XML of the Included Layout:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/displayed_text"/>
</LinearLayout>

That's it!

Credit : Reference

This code is not tested, step 5 spelled "ButerKnife", missing a "t" — Jeffrey Liu, Nov 30 '17 at 19:29

score 0 · Answer 3 · answered Nov 22 '16 at 12:37

0

Please visit Butterknife issue

The author @JakeWharton says -

Put an ID on the <include> and bind it to an arbitrary View field for each one. 
Then create an object which binds the inner views

static class Something {
  @Bind(R.id.something) TextView somethingView;
}

You can then create multiple instances of that object
and call ButterKnife.bind(something1, include1) and 
ButterKnife.bind(something2, include2) and so on.

Consider also just making a custom view instead of using <include> which has 
proper APIs to get its children (or at least binds them to fields itself).

answered Nov 22 '16 at 12:37

Neji

6,591
5
43
66

I found this on github too. But did not understand it. – Sarah Pöhler Nov 22 '16 at 12:42
is include1 the id of the include tag? – Sarah Pöhler Nov 22 '16 at 12:46
not jst id, you need to pass view of that id i guess – Neji Nov 22 '16 at 12:52

score 0 · Answer 4 · answered Nov 22 '16 at 12:49

0

I Suggest you to use Data Binding Library provided by Google instead of Butterknife

answered Nov 22 '16 at 12:49

GreenROBO

4,725
4
23
43

why databinding?at the moment it does not work with jack – Sarah Pöhler Nov 22 '16 at 12:52
1

Jack doesn't work with anything. Although I agree, DBL is not needed to solve this issue. – EpicPandaForce Nov 22 '16 at 13:00

score 0 · Answer 5 · answered Oct 10 '19 at 10:53

0

Since this question is quite old.

I am able to connect to my id in include tag nowadays (2019/Oct).

Try to do something like the original question before you go deeply.

@BindView(R.id.your_button_id_inside_include_tag) Button button;

answered Oct 10 '19 at 10:53

Allen

2,979
1
29
34

Butterknife does not work with Include tag

5 Answers5

Linked