How to use SlotNavigation

[lamtech58]

having the following :

private val searchBarNavigation by lazy { SlotNavigation<Home.SearchBarConfiguration>() }
override val searchBar: Value<ChildSlot<*, SearchBarComponent>>
        get() = childSlot(
            source = searchBarNavigation,
            serializer = Home.SearchBarConfiguration.serializer(),
            handleBackButton = true,
            key = "searchBarKey"
        ){ config, componentContext ->
            SearchBarComponent(
                componentContext = componentContext,
                screenState = config.screenState,
                dismiss = searchBarNavigation::dismiss
            )
        }

im observing from my main composable Ui like :

val searchBarSlot by component.searchBar.subscribeAsState()

then im getting an exception when trying using it : java.lang.IllegalStateException: Another supplier is already registered with the key: searchBarKey

[arkivanov]

Please don't use get() =, just assign the property instead. You creating a new Slot Navigation on every property access, hence the error. See the FAQ section: https://arkivanov.github.io/Decompose/faq/#error-another-supplier-is-already-registered-with-the-key

Also, you can avoid using by lazy as well, as it adds more overhead without any profit.

[lamtech58]

unfortunately im not able to see my searchBarUi :

val searchBarSlot by component.searchBar.subscribeAsState()
searchBarSlot.child?.instance?.also {  searchBarComponent ->
        SearchBarUi(
            component = searchBarComponent,
            modifier = Modifier.fillMaxSize()
        )
    }

here is how i activate it in my HomeComponent :

searchBarNavigation.activate(
            Home.SearchBarConfiguration(
                screenState = SearchBar.ScreenState.Products
            )
        )

[arkivanov]

The code you provided looks fine. I think you will need to debug it, or provide a reproducer project with the issue. You can start with logging println(searchBarSlot) and see if your Composable function receives the component.

[lamtech58]

with this :

LaunchedEffect(
        searchBarSlot
    ) {
        Log.d("HomeUiTAG", "HomeUi: searchBarSlot test => ${component.searchBar.value.child?.configuration}")

        delay(3000)

        component.dismissSearchBarTest()
    }

i can tell that it's well observed by my HomeUi composable, i got :

HomeUi: searchBarSlot test => null
HomeUi: searchBarSlot test => SearchBarConfiguration(screenState=Products)
HomeUi: searchBarSlot test => null

[arkivanov]

Thanks! In this case, I think the issue is somewhere in your SearchBarUi function. Please double check if it's implemented correctly.

[lamtech58]

Ok thanks! i'll check it

[lamtech58]

Thanks! it works, it was composables initialization order