I want to show spinner with a underline and a custom right arrow as shown below.
I am setting below drawable as a background to spinner.
<item>
<layer-list>
<item>
<color android:color="@android:color/white" />
</item>
<item android:drawable="@drawable/ic_spinner_dropdown" android:drawableTint="@color/dark_grey" android:gravity="center_vertical|right"></item>
<item android:gravity="bottom">
<shape>
<size android:height="1dp" />
<solid android:color="@color/grey" />
</shape>
</item>
</layer-list>
</item>
It works for some devices but in some devices arrow appears on complete spinner with grey background like this-
I am testing with Asus phone with API 21 in which I am facing this issue.
I am using below code in layout-
<Spinner
android:id="@+id/spinner_choose_question"
style="@style/Widget.App.Spinner"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/dp_16"
android:layout_marginTop="@dimen/dp_58"
android:layout_marginRight="@dimen/dp_16"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tip_confirm_password"/>
styles.xml
<style name="Widget.App.Spinner" parent="@style/Base.Widget.AppCompat.Spinner.Underlined">
<item name="overlapAnchor">true</item>
<item name="android:background">@drawable/spinner_background</item>
</style>