add gradient for more readable text on image

Author: Quentin Marciset

android/app/src/main/res/drawable/gradient_bottom_to_top.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:angle="90"
+        android:centerColor="#00000000"
+        android:endColor="#00000000"
+        android:startColor="#48000000" />
+</shape>

android/app/src/main/res/layout/layout.xml

@@ -32,6 +32,15 @@
             app:layout_constraintTop_toTopOf="parent"
             tools:background="@tools:sample/avatars" />
 
+        <View
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:background="@drawable/gradient_bottom_to_top"
+            app:layout_constraintBottom_toBottomOf="@+id/__SPECIFIC_ID_1__"
+            app:layout_constraintEnd_toEndOf="@+id/__SPECIFIC_ID_1__"
+            app:layout_constraintStart_toStartOf="@+id/__SPECIFIC_ID_1__"
+            app:layout_constraintTop_toTopOf="@+id/__SPECIFIC_ID_1__" />
+
         <TextView
             android:id="@+id/__SPECIFIC_ID_2__"
             android:layout_width="0dp"