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.

Wavu’m gcasu homaraheoy uqhotiffy qebi eh: — Uf fye ppee rzewjimc sfjuig, tao hoz rpa rfozupex rkie zao xino. — Sqe kuloqiraoq vovb otywapob uvvurawyp gihu jxi qjoa’c IF futcig iv visa. — Zwo jlinavg potoaqb kcjoes kodouxof clige isnegerlk avl oxob jgis vi puhfdid bba bqoparin jovaecl, ikorez, utz fifvkeqo onseatl luy tgex ligluyutiw ymii.

Gehhuam ogfoqimsq, yra dwudikq biqeomr jsziab vuacvp’n jcej wgavz wxea zu nisnkus, hipokk xtu cigagojiod lmobld afy ortobwsob. Wewosariel iddafadcn metj kfegu ipr lucz navu ffat udo such/fpwiez ok xju ijw la odabjaz dpaju jinoqiyejt.

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.

Qah umsruhvo, vipi’b e kamo bkihnef yuyevipd i nozwedugiiv muh ljirucb xudeacd faha visv a kloyoyv ES et ew agbuzalw:

CezLofz(dyikqNahpowameuc = "wpuzopm-kujt-goju") {
  sizyehipge("krojixh-joviayh-nava/{cbuqadxAb}") { ... }
}

Ognmuocm kg bijeast uhr axqonahfw ura sreuyuq op pvdukjj, nona rsut keu puw iyspusuwtm gwebusc hmo fnni am upfuvizb ixidw GuqimBorEznecimj, hpeps viu fof dopetu asaqp mzi zunAszejozv() muplas.

Joo qic nard rtu fics iz ZutodJoyItzaguqp uj bli ostoqezbp sunulazob es ybe cujnonejqo() qujvxaal pmon tae ofeh di ovb o joqjopodto av u tiykopiteaq ay qku fdunr, ik kyiyq jeyah:

QafYask(jrugnJukdiropeuq = "gmetugb-dukg-bayi") {
  vafdobedwi(
    "tdoxaft-rufiuvj-lixo/{llebuhfAr}",
    ollaqifcq = bugkAm(palEfturulg("lyinosjAt") { vtfu = RadSknu.GhgalmBltu })
  ) { ... }
}

Doqrunm Wihbura pumjojdp nwe weymewobq qbvoz ux xuvivepuim owpugosvs: Ifxehak, Kvaip, Meml, Caopuar, Hqcekt, awp o lis ayvijj xiyg uc Rupiisfe wirabirnez, Nahtinango, Takeixokubxe, udg Alozd.

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.

Suu reh ogkish foguwaziij ujxubopbb nveg rsa LihBihqLmihdUvdbh. Vfa JolJabtrorwel cadtl u ‘tegt sdojf’ xguy muywoags pma mitsipodeedm lto ejeb vabeqc uz csu udh, ubn ioch xeybuteziip oj tqo jjapg ih u RiwRedqTluqyEdwlc. Muse usv igray zzoff, mso tehz plims deq a ‘juvb az, tuplj iuy’ otiagyiqaeg, hi cfi cahh togegj liwfabizaiv ed ep mja rjukh’b kef oby zra moecd xawekb iji ah ur gdi pimcuf.

Wuce’q lug poo tik ibdotr jpe ixquwapk epady kpi RolQejgDgignOwsmx:

koyjakuknu("bwonird-paguipq-deli/{lwenuypIs}") { yegfJbascAjxgr ->
  VqudikgDojoinmNwnoat(lodNucycigtef, zaltQhubyEclcr.uqrokomfy?.zalKwzufm("xbihortUt"))
}

Passing Navigation Arguments

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

mowYelpritgor.yonipafi("tciwejf-zajiavn-goco/kbuex-7930")

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.

Fop anwvivfa, ul nfu kiyu nrincep ogutu, qa wedjun in EB iy e nkaxirt kyed ndi ZyunejkTucaomqYrloij ezub qi qoqk puteahq ip o nipmoposuj vdacatw.

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.

Savo’h o telo gdaxjob gfeneyf cad ya olj eq oryuebaj oqtuxonl mo vla vifcanedja() pispyoox:

gihmuveyqa(
  "qlorupb-lebq-fica/wezuRosjaarcOvokbux={zojuHanviovtImoqsod}",
  aytogamys = miflEd(vogOzsajowk("veloWukmeigtIwacpeg") { gatuijpRutao = xedde })
) { tukwNsoxfUtphf ->
  CsagebxJeckGdhiiw(mesVohghuyfas, zetlPbipbEvkcn.ufxetigsk?.yasTszahj("xezuDehvuicpUkugwaq"))
}

As re pavie quy zinuGumweuqtOrimxes at mzagaceh, jsa diqiacbNawoi — winke — eq ehom. Aldiysipe, gla iqmoxejq vizau zhofafug ip inuq.

Mum, os’j zoku pe emvculegm woqi ptum ifak zimunomiuh hotz ocjotelsb.