title: Gradient changes when ImageView is added on top of the View with the gradient
body: <p>Here is my gradient:</p>
  
  <pre><code>&lt;shape
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="oval"&gt;
      &lt;gradient
          android:angle="90"
          android:endColor="#00C853"
          android:startColor="#009688"
          android:type="linear"/&gt;
      &lt;size
          android:width="72dp"
          android:height="72dp"/&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>Here is my layout:</p>
  
  <pre><code>&lt;LinearLayout 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"
                android:gravity="center_horizontal"
                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"
      &lt;!-- Login progress --&gt;
      &lt;ProgressBar
          android:id="@+id/login_progress"
          style="?android:attr/progressBarStyleLarge"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginBottom="8dp"
          android:visibility="gone"/&gt;
      &lt;ScrollView
          android:id="@+id/login_form"
          android:layout_width="match_parent"
          android:layout_height="match_parent"&gt;
          &lt;android.support.constraint.ConstraintLayout
              android:id="@+id/email_login_form"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              &gt;
              &lt;View
                  android:id="@+id/circle"
                  android:layout_width="72dp"
                  android:layout_height="72dp"
                  android:background="@drawable/circle_background_green_gradient_color"
                  app:layout_constraintLeft_toLeftOf="parent"
                  app:layout_constraintRight_toRightOf="parent"
                  app:layout_constraintTop_toTopOf="parent"/&gt;
              &lt;android.support.v7.widget.AppCompatImageView
                  android:layout_width="40dp"
                  android:layout_height="40dp"
                  app:layout_constraintBottom_toBottomOf="@+id/circle"
                  app:layout_constraintLeft_toLeftOf="@+id/circle"
                  app:layout_constraintRight_toRightOf="@+id/circle"
                  app:layout_constraintTop_toTopOf="@+id/circle"
                  app:srcCompat="@drawable/ic_add_black_24dp"/&gt;
          &lt;/android.support.constraint.ConstraintLayout&gt;
      &lt;/ScrollView&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>This is what it looks like on Android Studio:</p>
  
  <p><a href="https://i.stack.imgur.com/Y5XBX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y5XBX.png" alt="enter image description here"></a></p>
  
  <p>And this is what it looks like on Android 8.1:</p>
  
  <p><a href="https://i.stack.imgur.com/mflBQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mflBQ.png" alt="enter image description here"></a></p>
  
  <p>So what is the issue, why is that white gradient added to it?</p>
  
  <p>Thanks.</p>