How to change text of a TextView in navigation drawer header?

Question

I want to change the text of a TextView inside the navigation drawer header. But I get this error:

java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.TextView.setText(java.lang.CharSequence)' on a null object reference

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

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

        <include
            layout="@layout/app_bar_main"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <FrameLayout
            android:id="@+id/frame_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

</android.support.v4.widget.DrawerLayout>

nav_header_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/nav_header_height"
    android:background="@drawable/slide_nav_bar"
    android:gravity="bottom"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:theme="@style/ThemeOverlay.AppCompat.Dark">

    <ImageView
        android:id="@+id/tvHeaderIcon"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:paddingTop="@dimen/nav_header_vertical_spacing"
        android:src="@android:drawable/sym_def_app_icon" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/nav_header_vertical_spacing"
        android:text="@string/app_name"
        android:textAppearance="@style/TextAppearance.AppCompat.Body1" />

    <TextView
        android:id="@+id/tvHeaderName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

MainActivity.java

TextView tvHeaderName;

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

    tvHeaderName= (TextView) findViewById(R.id.tvHeaderName);
    tvHeaderName.setText("Saly");    
}

How can I do this?

score 323 · Accepted Answer · edited Aug 21 '21 at 21:37

323

Use function getHeaderView on your navigationView:

NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
View headerView = navigationView.getHeaderView(0);
TextView navUsername = (TextView) headerView.findViewById(R.id.navUsername);
navUsername.setText("Your Text Here");

edited Aug 21 '21 at 21:37

AMMAR ELHAMDO

519
4
12

answered Jul 17 '16 at 06:26

Bereket Gobeze

3,446
3
15
14

3

To reliably update a `TextView` in a navigation drawer header, use this code in the [`ActionBarDrawerToggle.onDrawerOpened()`](https://developer.android.com/reference/android/support/v4/app/ActionBarDrawerToggle.html#onDrawerOpened(android.view.View)) method. See: https://stackoverflow.com/a/35952939/1657502. – Antônio Medeiros Aug 04 '18 at 23:48
Saver mate. God bless you :D – Biswajit Das Jun 06 '20 at 03:43
@AntonioViniciusMenezesMedei I would prefer this one – Fernando Torres Feb 25 '21 at 22:19

score 14 · Answer 2 · answered Mar 23 '19 at 20:01

Here is the Kotlin version of the code, hope it helps someone out there.

val navigationView : NavigationView  = findViewById(R.id.nav_view)
val headerView : View = navigationView.getHeaderView(0)
val navUsername : TextView = headerView.findViewById(R.id.txtUserName)
val navUserEmail : TextView = headerView.findViewById(R.id.txtEmail)

navUsername.text = username.toString()
navUserEmail.text = email.toString()

score 12 · Answer 3 · answered Jan 24 '16 at 08:13

12

You should inflate your Header layout from NavigationView first...

navHeaderView= navigationView.inflateHeaderView(R.layout.nav_header_main);
tvHeaderName= (TextView) navHeaderView.findViewById(R.id.tvHeaderName);
tvHeaderName.setText("Saly");

answered Jan 24 '16 at 08:13

Ashutosh Verma

328
1
5

3

For me inflateHeaderView did not work. I used getHeaderView(0) instead. – Zeezer Mar 21 '16 at 10:39
6

This solution does not work correctly. This shows header twice. Using getHeaderView(0) works. – AlphaDeveloper Aug 09 '16 at 00:02
1

@BereketGobeze has the correct answer, this does not work properly – touchofsarcasm May 12 '17 at 02:02
If you remove the next line from the XML file, this solution also works fine app:headerLayout="@layout/nav_header_main" – Pablo Insua Jun 01 '18 at 17:12

score 7 · Answer 4 · edited May 23 '17 at 12:18

7

You can also use this as of 23.1.1 design support library

View header = navigationView.getHeaderView(0)
TextView text = (TextView) header.findViewById(R.id.textView);

Reference: https://stackoverflow.com/a/33692431/2761923

edited May 23 '17 at 12:18

Community

1
1

answered Aug 21 '16 at 16:12

Neri

738
1
8
19

score 4 · Answer 5 · edited Nov 03 '18 at 13:52

4

You need to get NavigationView id in your Activity like this

NavigationView navigationView = (NavigationView) findViewById(R.id.navigationView );

Now get HeaderView Layout using Navigationview id like this
```
View headerView = navigationView.getHeaderView(0);
```

Now you can get Any view id and perform action what you want example

TextView navUsername = (TextView) headerView.findViewById(R.id.navUsername);
navUsername.setText("Your Text Here");

edited Nov 03 '18 at 13:52

Brian Tompsett - 汤莱恩

5,753
72
57
129

answered Nov 03 '18 at 13:29

KNOWLEDGE GURU

41
1

Worked for me today – Arsalan Fakhar Siddiqui Aug 19 '20 at 11:31

score 2 · Answer 6 · answered Sep 12 '19 at 10:56

val navigationView = findViewById<View>(R.id.nav_view_home) as NavigationView
        val headerView = navigationView.getHeaderView(0)
        val tvUserName = headerView.findViewById<View>(R.id.tvUserName) as TextView
        tvUserName.text=(Preference.getInstance("your text")

Debasish Ghosh · Answer 7 · 2017-11-18T14:06:13.770

What worked for me? its this:-

 View linearLayout=navigationView.inflateHeaderView(R.layout.nav_header_main);
      TextView name =  linearLayout.findViewById(R.id.welcomenametext);

But remember to remove this from your xml file i.e from NavigationView :-app:headerLayout="@layout/nav_header_main"

Ok apart from this above answer..over months i now figured there's a better way of doing it if you are advanced enough in android development!!Just put frame layout there and load fragment in it inside which we have Recyclerview and header section. With Recyclerview You can setup the header as you like with textviews,image,and many more as you like. The recent application I am working on just did that.Dynamically passed data into Recyclerview from fragmentactivity with out icons and also put a relative layout(inside textviews and imageview) which acts as header on top of Recyclerview.

score 1 · Answer 8 · answered Aug 27 '17 at 07:07

Use this to get the navigation header

View hview = navigationView.getHeaderView(0);

then use the hview to get the different views of navigation header and do whatever you want

else using navHeaderView= navigationView.inflateHeaderView(R.layout.nav_header_main); this is creating a new header at index 1.

score 1 · Answer 9 · answered Aug 27 '17 at 07:20

1

Intially, we have to get the instance of navigation view by inflating the navigation view in a view varible, later you can get the textView instance to edit the textview

answered Aug 27 '17 at 07:20

Gd Abhishek

21
3

score 1 · Answer 10 · answered Feb 10 '19 at 20:13

This worked for me:

NavigationView navigationView = findViewById(R.id.nav_view);
View headerView = navigationView.getHeaderView(0);
TextView title = headerView.findViewById(R.id.nav_title);
TextView subTitle = headerView.findViewById(R.id.nav_sub_title);

score 0 · Answer 11 · edited Jan 28 '20 at 09:18

I have same problem, but both given solutions didn't work for me

java.lang.IllegalStateException: Required view 'nav_header_username' with ID 2131296646 for field 'username' was not found. If this view is optional add '@Nullable' (fields) or '@Optional' (methods) annotation.

I have almost same code as posted above:

NavigationView navigationView = (NavigationView)findViewById(R.id.navigation_content);
View headerView = navigationView.inflateHeaderView(R.layout.nav_header);
TextView navUsername = (TextView) headerView.findViewById(R.id.nav_header_username);
navUsername.setText("Hello, "+mUserSession.getLoggedUserData().getmFirstName());

That doesn't answer the OP's question – Nikolai Shevchenko Jan 28 '20 at 08:21 — Nikolai Shevchenko, Jan 28 '20 at 08:21

How to change text of a TextView in navigation drawer header?

11 Answers11

Linked

Related