Changing text color of menu item in navigation drawer

Question

I m trying to add a night theme for my app and I ve wasted nearly three hours just trying to make the text and icons in my navigation drawer turn white along with the dark background  Here is the way I m trying to go about doing this in onCreate   in MainActivity java   navigationView    NavigationView  findViewById R id navigation view   navigationView setNavigationItemSelectedListener new NavigationView OnNavigationItemSelectedListener             This method will trigger onItemClick of navigation menu      Override     public boolean onNavigationItemSelected MenuItem menuItem                Checking if the item is in checked state or not  if not make it in checked state         if  menuItem isChecked                menuItem setChecked false           else menuItem setChecked true            if  nightMode    0                SpannableString spanString   new SpannableString menuItem getTitle   toString                 spanString setSpan new ForegroundColorSpan Color WHITE   0  spanString length    0      fix the color to white             menuItem setTitle spanString               The nightMode boolean is irrelevant because it works  When night mode is set to on  0   whatever menu item is selected in the navigation drawer turns white  However  that only happens when each item is selected which is obviously inconvenient  Here is my drawer dark xml        lt  xml version  1 0  encoding  utf-8   gt   lt menu xmlns android  http   schemas android com apk res android  gt       lt group         android checkableBehavior  single  gt           lt item             android id    id unitone              android checked  true              android icon   drawable one white              android title  Classical Period    gt           lt item             android id    id unittwo              android checked  false              android icon   drawable two white              android title  Postclassical Period    gt           lt item             android id    id unitthree              android checked  false              android icon   drawable three white              android title  Early Modern Era    gt           lt item             android id    id unitfour              android checked  false              android icon   drawable four white              android title  Dawn of Industrial Age    gt           lt item             android id    id unitfive              android checked  false              android icon   drawable five white              android title  Modern Era    gt       lt  group gt   lt  menu gt    I m using white icons on a transparent background for each item  yet they show up as black on the black background of the navigation drawer  I ve tried looking for an xml solution to changing the color of the text and I m scratching my head because I don t know why this was overlooked   Can someone offer me a dynamic solution in getting what I m trying to achieve  All help is appreciated  thank you   EDIT  I am not using a third party library  it s the NavigationView provided in the support library  Here s the XML layout    lt android support v4 widget DrawerLayout     xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      xmlns app  http   schemas android com apk res-auto      android id    id drawer      android layout width  match parent      android layout height  match parent      android elevation  7dp      tools context   MainActivity      android fitsSystemWindows  true   gt        lt FrameLayout         android layout width  match parent          android layout height  match parent          android orientation  vertical  gt            lt FrameLayout             android id    id container              android layout width  match parent              android layout height  match parent              android background   color ColorDark    gt            lt include layout   layout toolbar    gt        lt  FrameLayout gt        lt android support design widget NavigationView         android id    id navigation view          android background   000          android layout height  match parent          android layout width  match parent          android layout gravity  start          app headerLayout   layout header          app menu   menu drawer    gt    lt  android support v4 widget DrawerLayout gt

User · Answer

This may help It worked for me      Go to activity  navigation activity name  xml   Inside NavigationView insert this code   app itemTextColor  color of your choice

User · Answer

lt android support design widget NavigationView         android id    id navigation view          android background   000          android layout height  match parent          android layout width  match parent          android layout gravity  start          app headerLayout   layout header          app itemTextColor  your color          app menu   menu drawer    gt

User · Answer

I used below code to change Navigation drawer text color in my app   NavigationView navigationView    NavigationView  findViewById R id nav view   navigationView setItemTextColor ColorStateList valueOf Color WHITE

User · Answer

lt 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 itemBackground   drawable drawer item bg          app headerLayout   layout nav header home          app menu   menu app home drawer    gt    To set Item Background using app itemBackground  drawer item bg xml    lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item gt           lt shape android shape  rectangle   gt               lt solid android color   android color transparent    gt           lt  shape gt       lt  item gt       lt item android top  -2dp  android right  -2dp  android left  -2dp  gt           lt shape gt               lt padding android bottom  0dp  android left  15dp  android right  0dp  android top  0dp   gt               lt solid android color   android color transparent    gt               lt stroke                 android width  0 5dp                  android color   CACACA    gt           lt  shape gt       lt  item gt   lt  layer-list gt

User · Answer

NavigationView has a method called setItemTextColor    It uses a ColorStateList      FOR NAVIGATION VIEW ITEM TEXT COLOR int     state   new int               new int    -android R attr state enabled      disabled         new int    android R attr state enabled      enabled         new int    -android R attr state checked      unchecked         new int     android R attr state pressed      pressed      int   color   new int             Color WHITE          Color WHITE          Color WHITE          Color WHITE     ColorStateList csl   new ColorStateList state  color        FOR NAVIGATION VIEW ITEM ICON COLOR int     states   new int               new int    -android R attr state enabled      disabled         new int    android R attr state enabled      enabled         new int    -android R attr state checked      unchecked         new int     android R attr state pressed      pressed      int   colors   new int             Color WHITE          Color WHITE          Color WHITE          Color WHITE     ColorStateList csl2   new ColorStateList states  colors     Here is where I got that answer  And then right after assigning my NavigationView   if  nightMode    0                navigationView setItemTextColor csl               navigationView setItemIconTintList csl2

User · Answer

In my case  I needed to change the color of just one menu item -  Logout   I had to run a recursion and changed the title color   NavigationView nvDrawer  Menu menu   nvDrawer getMenu        for  int i   0  i  lt  menu size    i              MenuItem menuItem   menu getItem i            if  menuItem getTitle   equals  Logout                  SpannableString spanString   new SpannableString menuItem getTitle   toString                 spanString setSpan new ForegroundColorSpan getResources   getColor R color red    0  spanString length    0               menuItem setTitle spanString                       I did this in the Activity s onCreate method

User · Answer

You can also define a custom theme that is derived from your base theme    lt android support design widget NavigationView         android layout width  wrap content          android layout height  match parent          android layout gravity  start          android id    id nav view          app headerLayout   layout nav view header          app menu   layout nav view menu          app theme   style MyTheme NavMenu    gt    and then in your styles xml file      lt style name  MyTheme NavMenu  parent  MyTheme Base  gt       lt item name  android textColorPrimary  gt  color yourcolor lt  item gt     lt  style gt    you can also apply more attributes to the custom theme

User · Answer

More options   you can also change the group title by overriding  textColorSecondary   In your styles xml   lt style name  AppTheme NavigationView  gt       lt item name  android textColorSecondary  gt  FFFFFF lt  item gt   lt  style gt    In your layout   lt 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 menu   menu activity main menu drawer drawer      android theme   style AppTheme NavigationView      app itemIconTint   color colorPrimary      app itemTextColor   color white   gt

User · Answer

Use app itemIconTint in your NavigationView  ej    lt android support design widget NavigationView     android id    id nav view      android layout width  wrap content      android layout height  match parent      android layout gravity  start      app itemTextColor   color customColor      app itemIconTint   color customColor      android fitsSystemWindows  true      app headerLayout   layout nav header home      app menu   menu activity home drawer    gt

User · Answer

You can use drawables in  app itemTextColor app itemIconTint  then you can control the checked state and normal state using a drawable   lt android support design widget NavigationView             android id    id nav view              android layout width  wrap content              android layout height  match parent              android layout gravity  start              app itemHorizontalPadding   dimen margin 30              app itemIconTint   drawable drawer item color              app itemTextColor   drawable drawer item color              android theme   style NavigationView              app headerLayout   layout nav header              app menu   menu drawer menu  gt    drawer item color xml   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android color   color selectedColor  android state checked  true    gt       lt item android color   color normalColor    gt   lt  selector gt

User · Answer

You can do simply by adding your theme to your navigation View        lt 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      android background   color colorPrimary      android theme   style AppTheme NavigationView      app headerLayout   layout nav header drawer      app menu   menu activity drawer drawer   gt    and in your style xml file  you will add this theme              lt style name  AppTheme NavigationView   gt       lt item name  colorPrimary  gt  color text color changed onClick lt  item gt       lt item name  android textColorPrimary  gt  color Your default text color lt  item gt   lt  style gt

User · Answer

This works for me  in place of customTheme you can put you theme in styles  in this code you can also change the font and text size        lt style name  MyTheme NavMenu  parent  CustomTheme  gt               lt item name  android textSize  gt 16sp lt  item gt               lt item name  android fontFamily  gt  font ssp semi bold lt  item gt               lt item name  android textColorPrimary  gt  color yourcolor lt  item gt           lt  style gt    here is my navigation view   lt android support design widget NavigationView         android id    id navigation view          android layout width  wrap content          android layout height  match parent          android layout gravity  start          android fitsSystemWindows  true          app theme   style MyTheme NavMenu          app headerLayout   layout nav header main          app menu   menu activity main drawer  gt            lt include layout   layout layout update available   gt        lt  android support design widget NavigationView gt

User · Answer

To change the individual text color of a single item  use a SpannableString like below  NavigationView navDrawer  Menu menu   navDrawer getMenu     SpannableString spannableString   new SpannableString  quot Menu item quot             spannableString setSpan new ForegroundColorSpan getResources   getColor R color colorPrimary    0  spannableString length    0    menu findItem R id nav item  setTitle spannableString

User · Answer

add app itemTextColor   fff  in your NavigationView like    lt android support design widget NavigationView     android layout width  wrap content      android layout height  match parent      app menu   menu slider menu      android background   color colorAccent      app itemTextColor   fff      android id    id navigation view      android layout gravity  start   gt

User · Answer

itemIconTint  if u want to change icon color    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 itemTextColor   color colorPrimary              app itemIconTint   color colorPrimary              app headerLayout   layout nav header main              app menu   menu activity main drawer    gt

User · Answer

In Future if anyone comes here using  Navigation Drawer Activity  provided by Studio in Activity Prompt window   The answer is -   Use this before OnCreate   in MainActivity   int     state   new int               new int    android R attr state checked      checked         new int    -android R attr state checked      int   color   new int             Color rgb 255 46 84            Color BLACK      ColorStateList csl   new ColorStateList state  color    int     state2   new int               new int    android R attr state checked      checked         new int    -android R attr state checked      int   color2   new int             Color rgb 255 46 84            Color GRAY      ColorStateList csl2   new ColorStateList state2  color2     and use this in onNavigationItemSelected   in MainActivity  you dont need to Write this function if you use Navigation Drawer activity  it will be added in MainActivity      NavigationView nav    NavigationView  findViewById R id nav view       nav setItemTextColor csl       nav setItemIconTintList csl2       nav setItemBackgroundResource R color white     Tip - add this code before If else Condition in onNavigationItemSelected

User · Answer

try this in java class  yourNavigationView setItemTextColor new ColorStateList              new int                             new int     android R attr state pressed                       new int     android R attr state focused                       new int                                  new int                          Color rgb  255  128  192                       Color rgb  100  200  192                       Color WHITE

User · Answer

to change text color of Navigation Drawer we use app itemTextColor  quot  color white quot  to change incon color of navigation Drawer use app itemIconTint  quot  color black quot        lt com google android material navigation NavigationView         android id  quot   id naView quot          app itemIconTint  quot  color black quot          android layout width  quot match parent quot          app menu  quot  menu navmenu quot          app itemTextColor  quot  color white quot          app headerLayout  quot  layout nav header quot          android layout height  quot match parent quot          app itemTextAppearance  quot  android textAppearanceMedium quot          android fitsSystemWindows  quot true quot          android layout gravity  quot start quot            gt

[android] Changing text color of menu item in navigation drawer

Examples related to android

Examples related to xml

Examples related to menu