Replies: 1 comment 4 replies
-
|
It looks like you are trying to compile against the JavaScript target. Currently, the |
Beta Was this translation helpful? Give feedback.
-
|
Any idea for implementing navigation in compose web? |
Beta Was this translation helpful? Give feedback.
-
|
You can use the |
Beta Was this translation helpful? Give feedback.
-
|
Is there any easy sample of it because that's looking very complicated to me understand. Thanks for your reply. |
Beta Was this translation helpful? Give feedback.
-
|
Sure, here is a simple code to begin with. import androidx.compose.runtime.Composable
import androidx.compose.runtime.DisposableEffect
import androidx.compose.runtime.State
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.getValue
import com.arkivanov.decompose.router.stack.ChildStack
import com.arkivanov.decompose.value.Value
interface MainComponent
interface DetailsComponent
interface RootComponent {
val stack: Value<ChildStack<*, Child>>
sealed class Child {
class MainChild(val component: MainComponent) : Child()
class DetailsChild(val component: DetailsComponent) : Child()
}
}
@Composable
fun RootContent(component: RootComponent) {
val stack by component.stack.subscribeAsState()
when (val child = stack.active.instance) {
is RootComponent.Child.MainChild -> MainContent(child.component)
is RootComponent.Child.DetailsChild -> DetailsContent(child.component)
}
}
@Composable
fun MainContent(component: MainComponent) {
// Render the main component
}
@Composable
fun DetailsContent(component: DetailsComponent) {
// Render the details component
}
/*
* A helper function copied from https://github.com/arkivanov/Decompose/blob/master/extensions-compose-
* jetbrains/src/commonMain/kotlin/com/arkivanov/decompose/extensions/compose/jetbrains/SubscribeAsState.kt
*/
@Composable
fun <T : Any> Value<T>.subscribeAsState(): State<T> {
val state = remember(this) { mutableStateOf(value) }
DisposableEffect(this) {
val observer: (T) -> Unit = { state.value = it }
subscribe(observer)
onDispose {
unsubscribe(observer)
}
}
return state
} |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I am getting this error, i am trying to add this dependency to compose web gradle file.
Beta Was this translation helpful? Give feedback.
All reactions