Add placeholder size example

Author: riggaroo

compose/snippets/src/main/java/com/example/compose/snippets/SnippetsActivity.kt

@@ -28,6 +28,7 @@ import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.rememberNavController
 import com.example.compose.snippets.animations.AnimationExamplesScreen
+import com.example.compose.snippets.animations.sharedelement.PlaceholderSizeAnimated_Demo
 import com.example.compose.snippets.components.AppBarExamples
 import com.example.compose.snippets.components.ButtonExamples
 import com.example.compose.snippets.components.ChipExamples
@@ -77,6 +78,7 @@ class SnippetsActivity : ComponentActivity() {
                                         )
                                     }
                                     Destination.ShapesExamples -> ApplyPolygonAsClipImage()
+                                    Destination.SharedElementExamples ->PlaceholderSizeAnimated_Demo()
                                 }
                             }
                         }

compose/snippets/src/main/java/com/example/compose/snippets/animations/sharedelement/CustomizeSharedElementsSnippets.kt

@@ -542,15 +542,14 @@ fun PlaceholderSizeAnimated_Demo() {
     // This demo shows how other items in a layout can respond to shared elements changing in size.
     // [START android_compose_shared_element_placeholder_size]
     SharedTransitionLayout {
-        val boundsTransform = { _: Rect, _: Rect -> tween<Rect>(1000) }
 
         val navController = rememberNavController()
         NavHost(
             navController = navController,
             startDestination = "home"
         ) {
             composable("home", enterTransition = { fadeIn() }, exitTransition = { fadeOut() }) {
-                Column {
+                Column(modifier = Modifier.fillMaxSize()) {
                     Row(modifier = Modifier.horizontalScroll(rememberScrollState())) {
                         (listSnacks).forEachIndexed { index, snack ->
                             Image(
@@ -562,7 +561,6 @@ fun PlaceholderSizeAnimated_Demo() {
                                     .sharedBounds(
                                         rememberSharedContentState(key = "image-${snack.name}"),
                                         animatedVisibilityScope = this@composable,
-                                        boundsTransform = boundsTransform,
                                         placeHolderSize = SharedTransitionScope.PlaceHolderSize.animatedSize
                                     )
                                     .clickable {
@@ -613,12 +611,11 @@ fun PlaceholderSizeAnimated_Demo() {
                             .sharedBounds(
                                 rememberSharedContentState(key = "image-${snack.name}"),
                                 animatedVisibilityScope = this@composable,
-                                boundsTransform = boundsTransform,
                                 placeHolderSize = SharedTransitionScope.PlaceHolderSize.animatedSize
                             )
                             .clip(RoundedCornerShape(8.dp))
-                            .aspectRatio(9f / 16f)
                             .fillMaxWidth()
+                            .aspectRatio(9f / 16f)
                     )
                 }
             }

compose/snippets/src/main/java/com/example/compose/snippets/navigation/Destination.kt

@@ -23,6 +23,7 @@ enum class Destination(val route: String, val title: String) {
     ComponentsExamples("topComponents", "Top Compose Components"),
     ScreenshotExample("screenshotExample", "Screenshot Examples"),
     ShapesExamples("shapesExamples", "Shapes Examples"),
+    SharedElementExamples("sharedElement", "Shared elements")
 }
 
 // Enum class for compose components navigation screen.