coil-kt/coil

Placeholder image messes up image `ContentScale`

Open

#2.779 aberto em 7 de jan. de 2025

Ver no GitHub
 (3 comments) (8 reactions) (0 assignees)Kotlin (757 forks)batch import
help wanted

Métricas do repositório

Stars
 (11.779 stars)
Métricas de merge de PR
 (Mesclagem média 20h 14m) (28 fundiu PRs em 30d)

Description

Describe the bug If i use placeholder then the final image does not have the correct contentScale or height, it stays the same height which the placeholder has

To Reproduce Run this code

With Placeholder

AsyncImage(
    model = "https://images.unsplash.com/photo-1595757816291-ab4c1cba0fc2?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cmVkJTIwYmFja2dyb3VuZHxlbnwwfHwwfHx8MA%3D%3D",
    modifier = Modifier.fillMaxWidth().padding(16.dp),
    contentScale = ContentScale.FillWidth,
    placeholder = painterResource(Res.drawable.placeholder_large),
    contentDescription = "Image"
)

Expected

Achieved by removing the placeholder

AsyncImage(
    model = "https://images.unsplash.com/photo-1595757816291-ab4c1cba0fc2?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cmVkJTIwYmFja2dyb3VuZHxlbnwwfHwwfHx8MA%3D%3D",
    modifier = Modifier.fillMaxWidth().padding(16.dp),
    contentScale = ContentScale.FillWidth,
    contentDescription = "Image"
)

Version 3.0.4

Guia do colaborador

Direção de pesquisa
Investigue como o painter do placeholder é aplicado e se ele define ou substitui incorretamente a escala de conteúdo antes do carregamento da imagem real. Verifique o código fonte do composable AsyncImage em torno do tratamento do placeholder e da propagação da escala de conteúdo.
Pilha de tecnologia
kotlin
Domain
mobile
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
KotlinAndroid/ComposeCoil
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65