इंटरऑप रेसिपी
इस रेसिपी में, Navigation3 ऐप्लिकेशन में AndroidFragment और AndroidView का इस्तेमाल करने का तरीका बताया गया है.
सुविधाएं
- AndroidFragment: इससे पता चलता है कि कंपोज़ेबल डेस्टिनेशन में फ़्रैगमेंट को कैसे एम्बेड किया जाता है.
- AndroidView: इससे पता चलता है कि कंपोज़ेबल डेस्टिनेशन में क्लासिक Android व्यू को कैसे एम्बेड किया जाता है.
मुख्य कॉम्पोनेंट
InteropActivity: नेविगेशन को होस्ट करने वाली मुख्य गतिविधि.MyCustomFragment: उदाहरण में इस्तेमाल किया गया एक सामान्य फ़्रैगमेंट.AndroidFragment<T>: यह एक कंपोज़ेबल है, जो फ़्रैगमेंट को होस्ट करता है.AndroidView: यह एक ऐसा कंपोज़ेबल है जो Android व्यू को होस्ट करता है.
इस्तेमाल
InteropActivityचलाएं.- शुरुआती स्क्रीन पर एक फ़्रैगमेंट दिखता है.
TextViewदिखाने वाली स्क्रीन पर जाने के लिए, "व्यू पर जाएं" पर क्लिक करें.
package com.example.nav3recipes.interop import android.annotation.SuppressLint import android.os.Bundle import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import android.widget.TextView import androidx.fragment.app.Fragment class MyCustomFragment : Fragment() { @SuppressLint("SetTextI18n") override fun onCreateView( inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle? ): View { return TextView(requireContext()).apply { text = "My Fragment" } } }
package com.example.nav3recipes.interop import android.annotation.SuppressLint import android.os.Bundle import android.widget.TextView import androidx.activity.compose.setContent import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.wrapContentSize import androidx.compose.material3.Button import androidx.compose.material3.Text import androidx.compose.ui.Modifier import androidx.compose.ui.viewinterop.AndroidView import androidx.fragment.app.FragmentActivity import androidx.fragment.compose.AndroidFragment import androidx.lifecycle.compose.dropUnlessResumed import androidx.navigation3.runtime.NavKey import androidx.navigation3.runtime.entryProvider import androidx.navigation3.runtime.rememberNavBackStack import androidx.navigation3.ui.NavDisplay import com.example.nav3recipes.ui.setEdgeToEdgeConfig import kotlinx.serialization.Serializable @Serializable private data object FragmentRoute : NavKey @Serializable private data class ViewRoute(val id: String) : NavKey class InteropActivity : FragmentActivity() { @SuppressLint("SetTextI18n") override fun onCreate(savedInstanceState: Bundle?) { setEdgeToEdgeConfig() super.onCreate(savedInstanceState) setContent { val backStack = rememberNavBackStack(FragmentRoute) NavDisplay( backStack = backStack, onBack = { backStack.removeLastOrNull() }, entryProvider = entryProvider { entry<FragmentRoute> { Column(Modifier.fillMaxSize().wrapContentSize()) { AndroidFragment<MyCustomFragment>() Button(onClick = dropUnlessResumed { backStack.add(ViewRoute("123")) }) { Text("Go to View") } } } entry<ViewRoute> { key -> AndroidView( modifier = Modifier.fillMaxSize().wrapContentSize(), factory = { context -> TextView(context).apply { text = "My View with key: ${key.id}" } } ) } } ) } } }