fix load img from url with coil

app/src/main/AndroidManifest.xml

@@ -2,6 +2,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.mrozon.teamviewexample">
 
+    <uses-permission android:name="android.permission.INTERNET"/>
+
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"

app/src/main/java/com/mrozon/teamviewexample/AvatarAndNameView.kt

@@ -19,6 +19,7 @@ class AvatarAndNameView(context: Context, member: Member) : LinearLayout(context
         if (member.picture != null) {
             binding.userAvatar
                 .load(member.picture) {
+                    placeholder(R.drawable.ic_loading)
                     transformations(CircleCropTransformation())
                 }
         } else {

app/src/main/java/com/mrozon/teamviewexample/MainActivity.kt

@@ -15,11 +15,10 @@ class MainActivity : AppCompatActivity() {
         performDataBinding()
 
         val members = listOf(
-            Member("player1",23.5,15.7),
-            Member("player2",11.5,25.0),
-            Member("player3",13.5,15.4),
+            Member("Denisov",23.5,15.7, "https://i.eurosport.com/2012/11/02/906690-19936980-2560-1440.jpg"),
+            Member("Pogrebnyak",11.5,25.0, "https://avatars.mds.yandex.net/get-zen_doc/49107/pub_5b936b4206d85100aeee98fc_5b936d1867918d00aa70993a/scale_1200"),
+            Member("Черышев",13.5,15.4, "https://top10a.ru/wp-content/uploads/2019/04/5-12.jpg"),
             Member("player4",3.5,5.0),
-            Member("player5",3.5,5.0),
             Member("player7",13.5,15.4),
         )
 

app/src/main/java/com/mrozon/teamviewexample/Member.kt

@@ -6,5 +6,5 @@ data class Member (
     val name: String = "",
     val offense: Double = 0.0,
     val defense: Double = 0.0,
-    val picture: Drawable? = null
+    val picture: String? = null
 )

app/src/main/res/drawable/ic_loading.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/black"
+      android:pathData="M15.55,5.55L11,1v3.07C7.06,4.56 4,7.92 4,12s3.05,7.44 7,7.93v-2.02c-2.84,-0.48 -5,-2.94 -5,-5.91s2.16,-5.43 5,-5.91L11,10l4.55,-4.45zM19.93,11c-0.17,-1.39 -0.72,-2.73 -1.62,-3.89l-1.42,1.42c0.54,0.75 0.88,1.6 1.02,2.47h2.02zM13,17.9v2.02c1.39,-0.17 2.74,-0.71 3.9,-1.61l-1.44,-1.44c-0.75,0.54 -1.59,0.89 -2.46,1.03zM16.89,15.48l1.42,1.41c0.9,-1.16 1.45,-2.5 1.62,-3.89h-2.02c-0.14,0.87 -0.48,1.72 -1.02,2.48z"/>
+</vector>