Badge count on Floating action button
<p>I would like to show count badge <strong>in front of</strong> Floating Action Button in android. I used FrameLayout in order to achieve that. My code is here </p>

<pre><code>   &lt;FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/send_button"
    android:layout_toLeftOf="@+id/send_button"
    android:layout_toStartOf="@+id/send_button"
    android:layout_gravity="end|bottom"
    android:id="@+id/frameLayout"&gt;

    &lt;android.support.design.widget.FloatingActionButton
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/listen_button"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        app:backgroundTint="#e3e3e3" /&gt;

   &lt;TextView
        android:id="@+id/textOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="10"
        android:textColor="#FFF"
        android:textSize="10sp"
        android:textStyle="bold"
        android:background="@drawable/badge_circle"
        android:layout_gravity="right|bottom"
        android:layout_alignBottom="@+id/frameLayout"
        android:layout_toLeftOf="@+id/frameLayout"
        android:layout_toStartOf="@+id/frameLayout" /&gt;

&lt;/FrameLayout&gt;
</code></pre>

<p>I get the count badge below the FAB, as shown below </p>

<p><a href="https://i.stack.imgur.com/gJJdQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gJJdQ.png" alt="enter image description here"></a></p>

<p>I need the count badge to be in front of the FAB.</p>