dokar3 / pinch-zoom-grid Goto Github PK

@Composable
fun PinchZoomGridScope.ImageItem(
    index: Int,
    showText: Boolean,
    modifier: Modifier = Modifier,
) {
    val placeholder = remember(index) {
        val random = Random(index)
        Color(
            random.nextInt(100, 255),
            random.nextInt(100, 255),
            random.nextInt(100, 255),
        )
    }
    Box(modifier = modifier.clickable {  }) {
        AsyncImage(
            model = "https://picsum.photos/seed/${index + 1000}/500/500",
            contentDescription = null,
            modifier = Modifier
                .pinchItem(key = index)
                .fillMaxWidth()
                .aspectRatio(1f)
                .background(placeholder),
        )
        if (showText) {
            Text(
                text = "$index",
                modifier = Modifier
                    .pinchItem(
                        key = "$index-text",
                        transitions = PinchItemTransitions.Translate,
                    )
                    .background(
                        color = Color.Black.copy(alpha = 0.8f),
                        shape = RoundedCornerShape(bottomEnd = 8.dp)
                    )
                    .padding(horizontal = 8.dp, vertical = 4.dp),
                fontSize = 18.sp,

                )
        }
    }
}