hello. I am trying use the child slot navigation. ...

# decompose

[Francis Mariano]

hello. I am trying use the child slot navigation.

interface RootComponent {
    val childSlot: Value<ChildSlot<*, Child>>

    sealed interface Child {
        data class Main(val component: MainComponent) : Child
        data class Scan(val component: ScanComponent) : Child
    }

}


private val navigation = SlotNavigation<Configuration>()

private val slot =
        childSlot(
            source = navigation,
            // initialConfiguration = ??????,
            handleBackButton = true,
            childFactory = ::createChild,
        )

override val childSlot: Value<ChildSlot<*, RootComponent.Child>> = slot

private fun createChild(
    configuration: Configuration,
    componentContext: ComponentContext,
) : RootComponent.Child =
    when (configuration) {
        Configuration.Main -> RootComponent.Child.Main(mainComponent(componentContext))
        Configuration.Scan -> RootComponent.Child.Scan(scanComponent(componentContext))
    }

private sealed interface Configuration : Parcelable {
    @Parcelize
    data object Main : Configuration

    @Parcelize
    data object Scan : Configuration
}

I unable to create a childSlot with initialConfiguration. Can you help me???

[Francis Mariano]

I had a misunderstood about childSlot. Child slot is just for one child and not to more.

[Arkadii Ivanov]

initialConfiguration is a lambda returning either a configuration or null. Child Slot allows only one child at a time, or none.

[Francis Mariano]

ahhh ok, tks

[Francis Mariano]

just one more question: I am trying use a ChildStack more one ChildSlot in a same component: is it possible???

[Arkadii Ivanov]

Yes, absolutely

[Francis Mariano]

okk, the answer is yes to me as well. dunno why I asked.

btw, I unable to add the view of slot component , for example:

@Composable
internal fun RootContent(rootComponent: RootComponent) {

   // I want to add the view of slot here, but I am not able to do that (shame on me)

    Children(
        stack = rootComponent.childStack,
    ) {
        when (val child = it.instance) {
            is Main -> MainContent(child.component)
            is Scan -> ScanContent(child.component)
        }
    }
}

[Francis Mariano]

I checked there is not a composable function like children : https://github.com/arkivanov/Decompose/issues/395

[Francis Mariano]

reading that discussion https://github.com/arkivanov/Decompose/discussions/430

[Arkadii Ivanov]

You don't need any support from Decompose for Child Slot. Just subscribe using subscribeAsState extension function. See https://github.com/arkivanov/Decompose/blob/cb80388011d3334d2b2b01938513c364419cc8[…]/com/arkivanov/sample/shared/counters/counter/CounterContent.kt

[Francis Mariano]

works fine, tks again

I was trying like that:

val toolbar = rootComponent.toolbar.value.child
if ( toolbar is Child.Created) {
    ToolbarTemp(toolbar.instance)
}

but the following is the correct

val toolbarSlot by rootComponent.toolbar.subscribeAsState()
        toolbarSlot.child?.instance?.also {
            ToolbarTemp(it)
        }