No more String-based Routes! New Compose Navigation Release

🏆 My Online Courses
stevdza-san.com
📝 Writing on Medium
/ stevdza-san
☕ Let's get a coffee. You're paying! :)
ko-fi.com/stev...
💻 Github
github.com/ste...
📸 Instagram
/ stevdza_san

[@StevdzaSan]

For a custom data type we should override one more function in the NavType to avoid that run-time exception: serializeAsValue() and just return Json.encodeToString(value) ✅

[@galaxiegalaxie5003]

Wow ita great to see such features. Anyways i wish they could make similar implementation like voyager in jepack naviagation which is so easy to do.🥰

[@StevdzaSan]

@galaxiegalaxie5003 Oh yeah Voyager has a really nice API indeed 😊

[@moaliyou]

I'll wait to see the stable one, this is really amazing

[@skarloti]

You always find amazingly good content. Thanks for the effort you put into teaching us something new. My day is perfect when it starts with your videos. Thank you.

[@mehdiparsaei1867]

Thanks! I would suggest "sealed interface Screen"

[@raja_uma1r]

I always use a navigation viewModel to hold the data( also complex objects) and then read it from the destination screen. Use enum classes to define routes to overcome typing errors. This approach with compose navigation works well in every scenario.

[@manofsteel6173]

Bro I'm new to compose.can u provide any links to learn navigation

[@LuckyFortunes-b3q]

@@manofsteel6173 easier to learn from chatgpt or claude AI. A lot of the documentation has been confusing me. I think Im going to approach it by creating each of my screens in fragments and load the fragments with NavController.

[@ПавелЯкунин-й5т]

finally!!!! it was a giant pain in the ass for me! it's time for refactoring!!

[@abdushakoor0099]

can't wait to test it out. it's been a long time especially because we already have type-safe in xml navigation

[@MaggicBones]

me too !

[@wilkq1110]

thank you for the video, Will be there more materials with new navigation? I'd appreciate that :) creating bottom bar nav etc

[@LuckyFortunes-b3q]

kotlin is a spaghetti code goblin. Dozens of lines of code to do something simple as changing screens.

[@heshamabdo6024]

your video is amazing. Thank you so much for sharing this new technology with us.

[@jam-burger]

Can you make a video about explaining all the effects (like LaunchEffect and all)

[@DanielLopes-j6k]

Any example with NavigationBar?

[@henrik908]

Thanks you for the video my friend.

[@tusharsrivastava107]

They are adding @Serializable and @Parcelable both to a class ? i was under impression parcelable can improve app performance over serilization.

[@debiprasaddash654]

How to setup dependencies for type safe navigation in old android studio

[@codeforandroid]

Nice update ✌

[@Yang-Youtube]

The new safe args navigation doesn't seem to work with deeplink.😢

[@vengateshm2122]

I tried and faced the similar crash.

[@4ytonly]

I suggest you change the title of your video to include words navigation so its easier to find later!

[@StevdzaSan]

Thanks for the tip!

[@Tbijo54]

Can we still get runtime args from SavedStateHandle in viewmodels?

[@pitoszud]

private val _id = MutableStateFlow(savedStateHandle.toRoute

[@ahmetfarukcuha7793]

eventually :)

[@TomBerghuis]

Can you access the argument in the viewmodel?

[@StevdzaSan]

Yes, you can use SavedStateHandle and call the same toRoute() function within the ViewModel.

[@sebastianseno9285]

it's also work with Parcelize ?

[@imammihir]

Wow 🎉

[@skarloti]

1:38 Is it possible to replace its sealed class Screen with a sealed interface Screen?

[@StevdzaSan]

Haven't used sealed interface that much at all.

[@pyaesonehan19]

[@abobus_f1]

Can you say what the better this navigation or voyager

[@StevdzaSan]

Ah, you're asking hard questions 😄

[@abobus_f1]

@@StevdzaSan😄

[@Klusio19]

Currently I'm taking Your course on Udemy ToDo App with Compose, and these string-based routes were strange to me. What a perfect time for this video to come out 😅

[@StevdzaSan]

I'll also update the course with this new approach, I'm waiting for a beta release just in case. :)

[@abhilashpatel6852]

​@@StevdzaSanhave you updated in udemy? I am thinking of checking it out

[@Nick-cx4rs]

Bro still basic ui components are (Experimental) and has bugs for 3 year still they dont care it ? And why they still making shitshow apis intead of fix experimentals and stable it. Imagine getting type safe arguments after 3 years.I really dont understand them

[@StevdzaSan]

Bugs are gonna be always present. I've never had any issue with their basic components. On what exactly are you referring to?

[@Nick-cx4rs]

​@@StevdzaSan e.g. disable swipe on bottomsheet. Put scrollable layout in it .bottomSheet closing on swipe. m3

[@KingFuYouTube]

first

[@srkrishnan1989]

Try flutter and make difference video

[@sudheeshmohan4357]

Isnt it more convenient to convert custom object to Jsonstring and pass as string param then parse the 'Json to object instead of creating navtype boilerplate code? Pass Gson().toJson(yourModelClassObject) in string param, then for getting it use generic function: inline fun String?.parseJsonString(): T? { return try { this?.let { val type = object : TypeToken() {}.type Gson().fromJson(it, type) } } catch (e: JsonSyntaxException) { Log.i("Error", "Failed to parse JSON string: ${e.message}") null } } val screenA = it.toRoute() val data = screenA .jsonstring.parseJsonString()

[@javiergonzalez399]

val coverNavType = GenericNavType(Cover::class, Cover.serializer()) class GenericNavType( private val clazz: KClass, private val serializer: KSerializer ) : NavType(isNullableAllowed = false) { override fun put(bundle: Bundle, key: String, value: T) { bundle.putParcelable(key, value) } override fun get(bundle: Bundle, key: String): T? { return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) { bundle.getParcelable(key, clazz.java) } else { @Suppress("DEPRECATION") bundle.getParcelable(key) } } override fun parseValue(value: String): T { return Json.decodeFromString(serializer, value) } override fun serializeAsValue(value: T): String { return Json.encodeToString(serializer, value) } }