Fix Crash for low end devices.

Used Coil instead of Glide to load Image.
AlpherOmondi · Dec 2, 2021 · 0c24210 · 0c24210
1 parent 87b79e5
commit 0c24210
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 29 deletions.
diff --git a/app/build.gradle b/app/build.gradle
@@ -48,6 +48,7 @@ dependencies {
     implementation "androidx.compose.foundation:foundation-layout:$compose_version"
     implementation "androidx.activity:activity-compose:$compose_activity_version"
 
-    implementation "com.github.skydoves:landscapist-glide:$landscapist_version"
     implementation "com.mxalbert.zoomable:zoomable:$zoomable_version"
+
+    implementation("io.coil-kt:coil-compose:1.4.0")
 }
diff --git a/app/src/main/kotlin/io/getstream/androiddeveloperroadmap/MainActivity.kt b/app/src/main/kotlin/io/getstream/androiddeveloperroadmap/MainActivity.kt
@@ -19,53 +19,55 @@ package io.getstream.androiddeveloperroadmap
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
+import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.height
 import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Surface
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
+import coil.compose.rememberImagePainter
 import com.mxalbert.zoomable.Zoomable
-import com.skydoves.landscapist.glide.GlideImage
 import io.getstream.androiddeveloperroadmap.ui.theme.AndroidDeveloperRoadmapTheme
 
 class MainActivity : ComponentActivity() {
-  override fun onCreate(savedInstanceState: Bundle?) {
-    super.onCreate(savedInstanceState)
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
 
-    setContent {
-      AndroidDeveloperRoadmapTheme {
-        Surface(
-          color = MaterialTheme.colors.background
-        ) {
-          Roadmap()
+        setContent {
+            AndroidDeveloperRoadmapTheme {
+                Surface(
+                    color = MaterialTheme.colors.background
+                ) {
+                    Roadmap()
+                }
+            }
         }
-      }
     }
-  }
 }
 
 @Composable
 private fun Roadmap() {
-  Zoomable(
-    modifier = Modifier.height(3200.dp)
-  ) {
-    GlideImage(
-      imageModel = "https://user-images.githubusercontent.com/24237865/144350753-5a52e6e5-3517-476c-8e5c-adad919abe8e.png",
-      modifier = Modifier.fillMaxSize(),
-      previewPlaceholder = R.drawable.roadmap_preview,
-      contentScale = ContentScale.Fit
-    )
-  }
+    Zoomable(
+        modifier = Modifier.fillMaxSize(),
+    ) {
+        Image(
+            painter = rememberImagePainter("https://user-images.githubusercontent.com/24237865/144350753-5a52e6e5-3517-476c-8e5c-adad919abe8e.png",
+                builder = {
+                    placeholder(R.drawable.roadmap_preview)
+                }),
+            modifier = Modifier.fillMaxSize(),
+            contentScale = ContentScale.Fit,
+            contentDescription = null
+        )
+    }
 }
 
 @Preview(showBackground = true)
 @Composable
 private fun DefaultPreview() {
-  AndroidDeveloperRoadmapTheme {
-    Roadmap()
-  }
+    AndroidDeveloperRoadmapTheme {
+        Roadmap()
+    }
 }
diff --git a/settings.gradle b/settings.gradle
@@ -5,8 +5,8 @@ pluginManagement {
         mavenCentral()
     }
     plugins {
-        id 'com.android.application' version '7.1.0-alpha13'
-        id 'com.android.library' version '7.1.0-alpha13'
+        id 'com.android.application' version '7.1.0-beta03'
+        id 'com.android.library' version '7.1.0-beta03'
         id 'org.jetbrains.kotlin.android' version '1.5.31'
     }
 }