Hi everyone I'm having trouble displaying network ...

# compose

[Tuksa]

Hi everyone
I'm having trouble displaying network images in my app. This is my implementation:

@Composable
fun EventImage(event: Event) {
    Box(
        modifier = Modifier
            .size(width = 88.dp, height = 84.dp)
            .clip(RoundedCornerShape(10.dp))
    ) {
        /*Image(
            painter = rememberAsyncImagePainter(event.banner),
            contentDescription = event.eventID,
            contentScale = ContentScale.Crop,
            modifier = Modifier.fillMaxSize()
        )*/
        AsyncImage(
            model = event.banner,
            placeholder = painterResource(Res.drawable.placeholder),
            contentDescription = event.eventID,
            contentScale = ContentScale.Crop,
            modifier = Modifier.fillMaxSize()
        )
    }
}

[Chrimaeon]

and what is the issue? 😅

[Tuksa]

Oh sorry
The image does not display. When I copy the linps returns from the endpoint to a browser it shows up, but it doesn’t load in my app

[Chrimaeon]

you are posting this in the multiplatform compose channel so you are using the the multiplatform coil version 3, right?

[Tuksa]

Yes I am

[Chrimaeon]

did you enable logging to see if there are issues with the network reqeust?
https://coil-kt.github.io/coil/faq/#how-do-i-enable-logging

also consider implementing the onError callback to check for issues
https://coil-kt.github.io/coil/api/coil-compose/coil3.compose/-async-image.html
https://coil-kt.github.io/coil/api/coil-compose/coil3.compose/remember-async-image-painter.html

[Tuksa]

Okay
Let me try that now