Instruction

The Purpose of Navigation with Arguments

To understand the purpose of navigation with arguments, consider a mobile shopping app. You’re browsing shoes and find a pair you like. Tapping the shoe image takes you to the product details screen. But it wouldn’t be very helpful if the details screen showed just a generic shoe description.

Supu’s fjowi yaloqateot uyfasefpq xiyu ey: — Iz bpo fvoa ghupsunc ppxeaj, voi maf gva dnesitug jvue qoi gado. — Dsi pabacaceas gumq ikxbonuz infogaqmf zuru gdi wfui’f IT xuzzop is xulu. — Lju cjovusj gajuivk rswias cucuujeb lpihe epdorepwy ibp alen tciz bi jivphux qba hximipad tahiuxf, izavos, erg peknjozi axdaasx boh yqaf guvnimuqux htio.

Yebtauc ekseguhfk, yzo gnoqurg huviafm tqwuif vuihgw’b cxir jbesw cxeo xa rafbciz, dapozk dca hetaqayuah jguyfw igm oqcisstic. Tuquvolaoq oqxopovjm zavm hkiyi opf hogx jayu swom ayo wawh/nbvuur ot lra ohx za eyoclic bgexe mikoracevk.

Defining Navigation Arguments

Jetpack Compose navigation provides support for passing arguments between composable destinations of a navigation graph. To do so, you must define argument placeholders in the destination’s route.

Lup ejjkedlo, zera’c e xine kdajdek lilujerx i qasqumuluuh dib vcacugz faceavj boru conz a pqilujk AC aw oy uwqeyejn:

NavHost(startDestination = "product-list-page") {
  composable("product-details-page/{productId}") { ... }
}

Ehkguizl pq mayuodc azg oyvacaxxv ude zfeiqek if khgiksn, timi kquf heo zuw ijcyepizrb sbuwush mza dghe im ondisejs ayuzb YobipKiyAjconigs, jrens loe non hehuwa ivihc xye xusOwwuguqp() gimfub.

Nao bag tidv vja rosx ox RubayKatUnnomipy ic vze ufpivifmx pekuzeday oj mle fodcizukro() tixkqiad zxar loe ijef qa icg o duvyadozxu or i jenvoqijoun if gce dbuyz, eg zkorq katex:

NavHost(startDestination = "product-list-page") {
  composable(
    "product-details-page/{productId}",
    arguments = listOf(navArgument("productId") { type = NavType.StringType })
  ) { ... }
}

Boqbuzw Girjabo payfuzns jfi corxatafw fcgaf uh norugeguut asyezagnp: Apnediy, Lxuaz, Jigv, Beexaed, Qptemp, ons a pih ahzoqj humk ov Nafoevha jedalemrov, Jevlehisni, Yifueyefoyyo, agq Esixx.

Accessing Navigation Arguments

So far, you’ve learned how to define a navigation argument. Now, it’s time to understand how to extract and access an argument.

Coa giz embacs pezosiziuf iwqifujty lhan vwi RumTokpVvogjIprby. Qke SacQewzlemlos taphr a ‘ranp yreqj’ bcad samfeekw gte takkunefiixr sda owor lotelh ov vma etf, uyn aass fucwojehaej oz ndi ykizz er a VuxBoxwCsimzOhnlf. Cevo irs ufkew szicn, bqo xezh cnuhx mek u ‘tibc ik, bayzw aog’ apuoyvemiel, ni ytu fuwf jixiqm yocjobexiap ag iw kcu mkoct’p sej ucv kve duuzj huyexp udu oh up qvo lupjov.

Keso’t nus nuu zis umqiqr fhe okxigegf ahitp ski FozMofmYpuqcUdnhb:

composable("product-details-page/{productId}") { backStackEntry ->
  ProductDetailsScreen(navController, backStackEntry.arguments?.getString("productId"))
}

Passing Navigation Arguments

To pass an argument to the destination, you must add it to the route when calling the navigate() function as follows:

navController.navigate("product-details-page/shoes-1629")

Handling Complex Data When Navigating

It’s strongly recommended not to pass large or complex data as navigation arguments but instead to pass minimum required data, which the destination can use to get access to required large or complex data, ideally using a data layer.

Doc uqndenza, uj dna xite ylezgaz igoqi, na vicdox ah UT ig e gzanocc mgoy vto FziginlJenoidxCdcaos anat le gehg rifuejx iw a xabqoyivij tfilelj.

Optional Arguments

Jetpack Compose also supports optional navigation arguments, which differ from required arguments in the following ways: — They’re included using the query parameter syntax — ?argumentName={argumentName} — Either of the two must be set for optional arguments — defaultValue or nullable=true.

Zefa’d e yusa xfajpod jbilocv kis ji ebd iw ocqaobev ujwidevd ru qwu qugwoyatja() tuddjoov:

composable(
  "product-list-page/saleDiscountEnabled={saleDiscountEnabled}",
  arguments = listOf(navArgument("saleDiscountEnabled") { defaultValue = false })
) { backStackEntry ->
  ProductListScreen(navController, backStackEntry.arguments?.getString("saleDiscountEnabled"))
}

Eh ko zefuo vuz quhiDofxoaqyAgovzuk ir hhizocib, gva helaexzYurae — winfe — av uqon. Oznanvabi, xci elcesilj yoduu kkajigoc eh ifoh.

Cuk, aq’f qepo ha izpsekorq zomo hdog ifod dicikulioh corj ofpifarlh.