Skip to content

A Compose-multiplatform navigation library that leverage Decompose to create an API inspired by Conductor

Notifications You must be signed in to change notification settings

xxfast/Decompose-Router

Repository files navigation

Decompose Router

Kotlin Experimental Build Kotlin Maven Central

badge-android badge-wearos badge-desktop badge-ios badge-browser-js badge-browser-wasm

A Compose-multiplatform navigation library that leverage Decompose to create an API inspired by Conductor

A detailed breakdown available in this Medium article

Features

  • 🚏 A Router that manages a stack, pages or slot for your screen configurations
  • 📦 rememberOnRoute() lets you retain your view model across configuration changes and gets cleared when the user leaves the screen
  • 🚉 Multiplatform! Supports Android, WearOS, Desktop, iOS and Web

At a glance

// Declare your screen configurations for type-safety
@Serializable 
sealed class Screen {
  object List : Screen()
  data class Details(val detail: String) : Screen()
}

@Composable
fun ListDetailScreen() {
  // Create a router with a stack of screen configurations 🚏
  val router: Router<Screen> = rememberRouter { listOf(List) }

  // Hoist your screens for each configuration 🏗️
  RoutedContent(router = router) { screen ->
    when (screen) {
      List -> ListScreen(
        // Navigate by pushing new configurations on the router 🧭
        onSelectItem = { detail -> router.push(detail) } 
      )
      
      is Details -> DetailsScreen(screen.detail)
    }
  }
}

Installation

Decompose-Router is published on Maven Central. Latest version Maven Central

repositories { 
  mavenCentral()
  // or for snapshot builds
  maven("https://s01.oss.sonatype.org/content/repositories/snapshots/")
}

Note - Check for compatible versions of Decompose and Compose in the version catalog

[versions]
decompose-router = "<version>"

[libraries]
# For Jetpack Compose / Compose Multiplatform
decompose-router = { module = "io.github.xxfast:decompose-router", version.ref = "decompose-router" }

# For Compose Wear
decompose-router-wear = { module = "io.github.xxfast:decompose-router-wear", version.ref = "decompose-router" }

Read more

Licence

Copyright 2024 Isuru Rajapakse

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.