Provides easy-to-use routing for Compose-based applications, supporting route declaration, configuration, nested routing, navigation, and redirects. Simplifies route management and navigation handling within applications.
Easiest routing for compose-jb
Supported targets:
repositories {
mavenCentral()
}
dependencies {
implementation("io.github.artemmey:compose-jb-routing:0.9.5")
}
object MyAppRoute {
const val Home = "/"
const val Articles = "/articles"
// {id} is route param
const val Article = "$Articles/{id}"
}
@Composable
fun App() {
initRouting(MyAppRoute.Home)
Router {
// `exact = true` means that current location matches exactly the given route.
route(MyAppRoute.Home, exact = true) { Home() }
// Default value of `exact` (false) means that current location can be any of those that starts with the given route. In this example location matches "/articles.*"
route(MyAppRoute.Articles) { Articles() }
}
}
{
Router {
route(MyAppRoute.Articles, exact = ) { ArticleList() }
route(MyAppRoute.Article) { Article(param()) }
}
}
@Composable
fun ArticleList() {
articles.forEach {
ArticlePreview(onClick = {
// Navigate to next location and add current to the back stack
routing.push(MyAppRoute.Article, "id" to it.id)
// Here we can see the back stack
println(routing.history)
})
}
}
@Composable
fun Article(id: String) {
BackButton(onClick = {
// Navigate to prev location
routing.pop()
})
}
@Composable
fun PrivateRoute() {
if (!auth) {
// Redirecting to login and setting current location as ref
Redirect("${MyAppRoute.Login}?ref=${routing.location}")
return
}
}
@Composable
{
LoginButton(onClick = {
performLogin()
routing.location.query()[]
?.let { routing.redirect(it) }
?: routing.pop()
})
}
Surfaced from shared tags and platforms — no rankings paid for.