This message was deleted.

# compose-web

[Slackbot]

This message was deleted.

[mohamed rejeb]

You can use coil: https://github.com/coil-kt/coil

[Łukasz Lendzion]

thanks

[Łukasz Lendzion]

Zrzut ekranu 2024-03-6 o 12.18.00.png

[Łukasz Lendzion]

hmm?

[Łukasz Lendzion]

@Composable
private fun SectionTile(
    focusRequester: FocusRequester,
    focusManager: FocusManager,
    navigateToProductDetails: () -> Unit,
    imageUrl: String,
) {
    var alpha = remember { mutableStateOf(0.3f) }

    IconButton(modifier = Modifier
        .width(200.dp)
        .height(120.dp)
        .clip(RoundedCornerShape(15.dp))
        .background(MaterialTheme.colorScheme.onSecondary.copy(alpha = alpha.value))
        .focusRequester(focusRequester)
        .setKeyEventListener(focusManager)
        .onFocusChanged {
            if(it.isFocused){
                alpha.value = 0.2f
            }else {
                alpha.value = 0.3f
            }
        },
        onClick = { navigateToProductDetails() }
    ){
        Text("Hi")

        var placeholder: MemoryCache.Key? = remember { null }

        AsyncImage(
            model = ImageRequest.Builder(LocalPlatformContext.current)
                .data(imageUrl)
                .build(),
            contentDescription = null,
            placeholder = ColorPainter(Color.Red),
            error = ColorPainter(Color.Red),
            onSuccess = { placeholder = it.result.memoryCacheKey },
            contentScale = ContentScale.Crop,
            modifier = Modifier.fillMaxSize()
        )
    }
}

[Łukasz Lendzion]

coil3 -> 3.0.0-alpha04,
compose -> 1.6.0,
kotlin -> 1.9.22

[Łukasz Lendzion]

@mohamed rejeb

[Łukasz Lendzion]

okay nvm i used kamel instead