coil-kt/coil

Placeholder image messes up image `ContentScale`

Open

#2 779 ouverte le 7 janv. 2025

Voir sur GitHub
 (3 commentaires) (8 réactions) (0 assignés)Kotlin (757 forks)batch import
help wanted

Métriques du dépôt

Stars
 (11 779 stars)
Métriques de merge PR
 (Merge moyen 20h 14m) (28 PRs mergées en 30 j)

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

Guide contributeur

Direction de recherche
Examinez comment le pinceau du placeholder est appliqué et s'il définit ou écrase incorrectement l'échelle de contenu avant le chargement de l'image réelle. Vérifiez le code source du composable AsyncImage autour de la gestion du placeholder et de la propagation de l'échelle de contenu.
Stack technique
kotlin
Domaine
mobile
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
KotlinAndroid/ComposeCoil
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65