---
title: "AnimatedPage"
description: "Animates a page within a `androidx.compose.foundation.pager.Pager` with a scaling and scrim
effect based on its position."
type: "component"
---

<div class='type'>Composable Component</div>



Animates a page within a `androidx.compose.foundation.pager.Pager` with a scaling and scrim
effect based on its position.

<a id='references'></a>

<div class='sourceset sourceset-android'>Android</div>


```kotlin
@Composable
public fun AnimatedPage(
    pageIndex: Int,
    pagerState: PagerState,
    contentScrimColor: Color = MaterialTheme.colorScheme.background,
    content: @Composable (() -> Unit),
)
```


#### Parameters

| | |
| --- | --- |
| pageIndex | The index of the page being animated. |
| pagerState | The `PagerState` of the `androidx.compose.foundation.pager.Pager`. |
| contentScrimColor | The color of the scrim overlay applied during page transitions. Defaults to the background color of the `MaterialTheme`. Set this to transparent to have no scrim applied during page transitions. |
| content | The composable content of the page. |