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.
-
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