# SharedTransitionScope

Common/AllAndroid/JVM

## Functions summary

|---|---|---|
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.composable#SharedTransitionScope(kotlin.Function2)(content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.(https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)` `https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.composable#SharedTransitionScope(kotlin.Function2)` creates a `https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.composable#SharedTransitionScope(kotlin.Function2)` for the child layouts in `https://developer.android.com/reference/kotlin/androidx/compose/animation/package-summary#SharedTransitionScope(kotlin.Function2)`. | Cmn |

## Functions

### SharedTransitionScope

Cmn Artifact: [androidx.compose.animation:animation](https://developer.android.com/jetpack/androidx/releases/compose-animation) [View Source](https://cs.android.com/search?q=file:androidx/compose/animation/SharedTransitionScope.kt+function:SharedTransitionScope) Added in [1.7.0](https://developer.android.com/jetpack/androidx/releases/compose-animation#1.7.0)

```
@Composable
fun SharedTransitionScope(content: @Composable SharedTransitionScope.(Modifier) -> Unit): Unit
```

`https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.composable#SharedTransitionScope(kotlin.Function2)` creates a `https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.composable#SharedTransitionScope(kotlin.Function2)` for the child layouts in `https://developer.android.com/reference/kotlin/androidx/compose/animation/package-summary#SharedTransitionScope(kotlin.Function2)`. Any child (direct or indirect) of the `https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionLayout.composable#SharedTransitionLayout(androidx.compose.ui.Modifier,kotlin.Function1)` can use the receiver scope `https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.composable#SharedTransitionScope(kotlin.Function2)` to create shared element or shared bounds transitions. `https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.composable#SharedTransitionScope(kotlin.Function2)` will not creates a new Layout.

**IMPORTANT** : It is important to set the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` provided to the `https://developer.android.com/reference/kotlin/androidx/compose/animation/package-summary#SharedTransitionScope(kotlin.Function2)` on the first and top-most child, as the `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` both obtains the root coordinates and creates an overlay. If the first child layout in `https://developer.android.com/reference/kotlin/androidx/compose/animation/package-summary#SharedTransitionScope(kotlin.Function2)` isn't the child with the highest zIndex, consider using `https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionLayout.composable#SharedTransitionLayout(androidx.compose.ui.Modifier,kotlin.Function1)` instead.

| Parameters |
|---|---|
| `content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/animation/SharedTransitionScope.(https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | The children composable to be laid out. |