title: Android Listview Item Shadow Effect
body: <p>I have been trying to create a list-view item custom background resource in order to create a shadow effect to my items. 
  Only problem is I'm stuck with these annoying black corners (see image below). 
  I'm not using 'radius' attribute anywhere and I've assigned background color white to all relevant items surrounding my list-view item. 
  Don't know where these black corners are coming from.
  Following my xml code for the item: </p>
  
  <pre><code>    &lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;!--shadow to bottom and right--&gt;
      &lt;!--by pushing offset from top and left--&gt;
      &lt;item
          android:left="0dp"
          android:right="2dp"
          android:top="2dp"
          android:bottom="0dp"&gt;
          &lt;shape
              android:shape="rectangle"&gt;
              &lt;solid android:color="@android:color/darker_gray" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;!--foreground-color to cover over non-shadow--&gt;
      &lt;!--need to also offset in opposite direction--&gt;
      &lt;item
          android:left="2dp"
          android:right="0dp"
          android:top="0dp"
          android:bottom="2dp"&gt;
          &lt;shape
              android:shape="rectangle"&gt;
              &lt;solid android:color="@android:color/white"/&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/IiWTY.png" rel="nofollow noreferrer">Black corners, exactly matching offsets in xml resource</a></p>