Akram
04/03/2020, 5:41 PM@Composable
fun TravelPlaceCard(place:Place , modifier: Modifier = Modifier.None){
Column (modifier = modifier.preferredWidthIn(maxWidth = 150.dp)){
val imageModifier = Modifier.preferredHeight(180.dp).preferredWidth(150.dp).clip(RoundedCornerShape(4.dp))
Image(asset = place.image , modifier = imageModifier , scaleFit = ScaleFit.FillWidth)
Spacer(modifier = Modifier.preferredHeight(3.dp))
val emphasisLevels = EmphasisAmbient.current
ProvideEmphasis(emphasis = emphasisLevels.high) {
Text(text = place.name , style = MaterialTheme.typography.subtitle1 , modifier = Modifier.fillMaxWidth(), maxLines = 2 )
}
ProvideEmphasis(emphasis = emphasisLevels.medium) {
Text(text = place.location , style = MaterialTheme.typography.subtitle2 )
}
}
}
here is the resultSiyamed
04/03/2020, 5:42 PMAkram
04/03/2020, 5:45 PMScaleFit.FillHeight
but the other images will have a bad widthLeland Richardson [G]
04/03/2020, 6:52 PMSiyamed
04/03/2020, 6:54 PMNader Jawad
04/03/2020, 6:55 PMSiyamed
04/03/2020, 6:55 PMNader Jawad
04/03/2020, 6:56 PMval Crop = object: ScaleFit {
override fun scale(srcSize: PxSize, dstSize: PxSize): Float {
return max(
ScaleFit.FillWidth.scale(srcSize, dstSize)
ScaleFit.FillHeight.scale(srcSize, dstSize),
)
}
}
Akram
04/03/2020, 7:31 PMNader Jawad
04/03/2020, 7:32 PM