Change the Arrow Icon in the Drawer Menu?

Question

I am using Android Studio. And I created a new activity with a navigation drawer. But, It\'s showing the <- instead of the Hamburger Icon.

How can I modify my code t

Answer 1

Add Following code in Your theme.

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

<style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@android:color/white</item>
</style>

Answer 2

1. use android.support.v7.app.ActionBarDrawerToggle instead of android.support.v4.app.ActionBarDrawerToggle

2. you will get an error for the constructor of ActionBarDrawerToggle. Use the constructor for ActionBarDrawerToggle v7 with 4 parameters.

3. Also add this to your styles.xml

   <style name="AppTheme" parent="Theme.AppCompat.Light">
     <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
   </style>
   
   <style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
     <item name="spinBars">true</item>
   </style>
   

4.Apply this theme to your application in the manifest. Hope this helps.