HorizontalPagerWithImagesAndIndicators.kt

@Composable
fun HorizontalPagerWithIndicatorsScreen() {
    val images = listOf(
        R.drawable.logo_android,
        R.drawable.logo_kotlin,
        R.drawable.logo_apple,
        R.drawable.logo_fb,
        R.drawable.logo_google,
    )
    Column {
        HorizontalPagerWithIndicators(images)
    }
}

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun HorizontalPagerWithIndicators(images: List<Int>) {
    val pagerState = rememberPagerState()
    Box(modifier = Modifier
        .fillMaxWidth()
        .height(300.dp)
    ) {
        HorizontalPager(pageCount = 5, state = pagerState) {
            Image(
                painter = painterResource(id = images[it]),
                contentScale = ContentScale.Crop,
                contentDescription = "" )
        }

        HorizontalPagerIndicator(
            modifier = Modifier
                .align(Alignment.BottomCenter)
                .padding(bottom = 10.dp),
            pageCount = 5,
            pagerState = pagerState,
        )
    }
}