title: Android how to create circle around bottom navigation item
body: <p>Here is my xml and java code</p>
  
  <pre><code> &lt;RelativeLayout
          android:id="@+id/activity_main"
          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:layout_width="match_parent"
          android:layout_height="match_parent"&gt;
  
          &lt;FrameLayout
              android:id="@+id/frameLayout"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:layout_above="@+id/navigation"
              android:animateLayoutChanges="true"&gt;
  
          &lt;/FrameLayout&gt;
  
          &lt;android.support.design.widget.BottomNavigationView
              android:id="@+id/navigation"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_alignParentBottom="true"
              app:menu="@menu/navigation"/&gt;
      &lt;/RelativeLayout&gt;
  
          private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener = new BottomNavigationView.OnNavigationItemSelectedListener() {
              @Override
              public boolean onNavigationItemSelected(@NonNull final MenuItem item) {
                  switch (item.getItemId()) {
                      case R.id.home:
                          HomeFragment homeFragment=new HomeFragment();
                          android.support.v4.app.FragmentTransaction fragmentTransaction=getSupportFragmentManager().beginTransaction();
                          fragmentTransaction.replace(R.id.frameLayout,homeFragment).commit();
                          return true;
  
                      case R.id.navigation_stylist:
                          StylistFragment stylistsFragment=new StylistFragment();
                          android.support.v4.app.FragmentTransaction fragmentTransaction1=getSupportFragmentManager().beginTransaction();
                          fragmentTransaction1.replace(R.id.frameLayout,stylistsFragment,"FragmentName").commit();
                          stylistsFragment.setArguments(bundle);
                          return true;
  
                      case R.id.navigation_apps:
                          MyapptsFragment myaaptsFragment=new MyapptsFragment();
                          android.support.v4.app.FragmentTransaction fragmentTransaction2=getSupportFragmentManager().beginTransaction();
                          fragmentTransaction2.replace(R.id.frameLayout,myaaptsFragment,"FragmentName").commit();
                          return true;
  
                      case R.id.navigation_tips:
                          HairtipsFragment hairtipsFragment=new HairtipsFragment();
                          android.support.v4.app.FragmentTransaction fragmentTransaction3=getSupportFragmentManager().beginTransaction();
                          fragmentTransaction3.replace(R.id.frameLayout,hairtipsFragment,"FragmentName").commit();
                          return true;
  
                      case R.id.navigation_account:
                          AccountFragment accountFragment=new AccountFragment();
                          android.support.v4.app.FragmentTransaction fragmentTransaction4=getSupportFragmentManager().beginTransaction();
                          fragmentTransaction4.replace(R.id.frameLayout,accountFragment,"FragmentName").commit();
                          return true;
                  }
                  return false;
              }
          };
  
          @Override
          protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_home);
  
               BottomNavigationView navigation = findViewById(R.id.navigation);
              navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
              BottomNavigationViewHelper.disableShiftMode(navigation);
  
  
              //open home fragment on first launch
              HomeFragment homeFragment=new HomeFragment();
              android.support.v4.app.FragmentTransaction fragmentTransaction=getSupportFragmentManager().beginTransaction();
              fragmentTransaction.replace(R.id.frameLayout,homeFragment).commit();
  
          }
  
  Here is my xml color style code
    &lt;color name="colorPrimary"&gt;#008F95&lt;/color&gt;
      &lt;color name="colorPrimaryDark"&gt;#008F95&lt;/color&gt;
      &lt;color name="colorAccent"&gt;#008F95&lt;/color&gt;
  
   &lt;style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
          &lt;!-- Customize your theme here. --&gt;
          &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
          &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
          &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
  
      &lt;/style&gt;
  </code></pre>
  
  <p>I want to create circle around the bottom navigation item.I attached link of the image</p>
  
  <p><img src="https://i.stack.imgur.com/aHJwv.png" alt="Image here"> </p>
  
  <p>When I select the icon it becomes white color but i didn't write any code for white.Actual output which i need is the icon should be in green color when it is selected. </p>