Image

Default

@Composable
fun ImageEx() {
  Column {
    Image(
      painter = painterResource(id = R.drawable.wall),
      contentDescription = "엔텔로프 캐년"
    )
  }
}

ImageVector

@Composable
fun ImageEx() {
  Column {
    Image(
      painter = painterResource(id = R.drawable.wall),
      contentDescription = "엔텔로프 캐년"
    )

    Image(
      imageVector = Icons.Filled.Settings,
      contentDescription = "세팅"
    )
  }
}

---

Image from uri

coil library 사용
1. library 추가

dependencies {
    implementation("io.coil-kt:coil:2.2.2")
    implementation("io.coil-kt:coil-compose:2.2.2")
}

2. internet permission 추가

<uses-permission android:name="android.permission.INTERNET" />

rememberImagePainter

deprecated 되었음.

@Composable
fun CoilEx() {
  val url = "https://www.visitarizona.com/imager/s3_us-west-1_amazonaws_com/aot-2020/images/landmarks/LIMTED-USE_Upper-Antelope-Canyon_An-Pham_7889_096c04738257e41b64875a8038db08c1.jpg"
  val painter = rememberImagePainter(data = url)
  Image(painter = painter, contentDescription = "앤텔로프 캐년")
}

AsyncImage

coil library 추천

@Composable
fun CoilEx() {
  val url = "https://www.visitarizona.com/imager/s3_us-west-1_amazonaws_com/aot-2020/images/landmarks/LIMTED-USE_Upper-Antelope-Canyon_An-Pham_7889_096c04738257e41b64875a8038db08c1.jpg"

  AsyncImage(
    model = url,
    contentDescription = "앤텔로프 캐년"
  )
}