Add AndroidView reusable snippet.

Author: arriolac

compose/snippets/build.gradle

@@ -52,13 +52,14 @@ dependencies {
     implementation 'androidx.paging:paging-common-ktx:3.1.1'
     def composeBom = platform('androidx.compose:compose-bom:2023.01.00')
     implementation(composeBom)
-    implementation "androidx.compose.ui:ui"
-    implementation "androidx.compose.ui:ui-graphics"
-    implementation "androidx.compose.ui:ui-tooling-preview"
-    implementation "androidx.compose.ui:ui-viewbinding"
+    def composeVersion = '1.4.0-rc01'
+    implementation "androidx.compose.ui:ui:$composeVersion"
+    implementation "androidx.compose.ui:ui-graphics:$composeVersion"
+    implementation "androidx.compose.ui:ui-tooling-preview:$composeVersion"
+    implementation "androidx.compose.ui:ui-viewbinding:$composeVersion"
     implementation "androidx.paging:paging-compose:1.0.0-alpha18"
     implementation 'androidx.compose.animation:animation-graphics'
-    implementation 'androidx.compose.material3:material3:1.1.0-alpha06'
+    implementation 'androidx.compose.material3:material3:1.1.0-alpha08'
     implementation 'androidx.compose.material:material'
     implementation 'androidx.compose.runtime:runtime-livedata'
 

compose/snippets/src/main/java/com/example/compose/snippets/interop/InteroperabilityAPIsSnippets.kt

@@ -32,6 +32,7 @@ import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.material3.Button
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
@@ -42,6 +43,7 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberUpdatedState
 import androidx.compose.runtime.setValue
+import androidx.compose.ui.ExperimentalComposeUiApi
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.ComposeView
 import androidx.compose.ui.platform.LocalContext
@@ -164,6 +166,29 @@ class ExampleFragmentMultipleComposeView : Fragment() {
 }
 // [END android_compose_interop_apis_compose_in_fragment_multiple]
 
+// [START android_compose_interop_apis_android_view_reuse]
+@OptIn(ExperimentalComposeUiApi::class)
+@Composable
+fun AndroidViewInLazyList() {
+    LazyColumn {
+        items(100) { index ->
+            AndroidView(
+                modifier = Modifier.fillMaxSize(), // Occupy the max size in the Compose UI tree
+                factory = { context ->
+                    MyView(context)
+                },
+                update = { view ->
+                    view.selectedItem = index
+                },
+                onReset = { view ->
+                    view.clear()
+                }
+            )
+        }
+    }
+}
+// [END android_compose_interop_apis_android_view_reuse]
+
 // [START android_compose_interop_apis_views_in_compose]
 @Composable
 fun CustomView() {
@@ -204,6 +229,8 @@ fun ContentExample() {
 // [START_EXCLUDE silent]
 class MyView(context: Context) : View(context) {
     var selectedItem: Int = 0
+
+    fun clear() { }
 }
 // [END_EXCLUDE silent]
 // [END android_compose_interop_apis_views_in_compose]