mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-12-15 07:12:28 +00:00
81 lines
2 KiB
Rust
81 lines
2 KiB
Rust
#![allow(non_snake_case)]
|
|
|
|
use dioxus::prelude::*;
|
|
use dioxus_router::{history::MemoryHistory, prelude::*};
|
|
|
|
fn main() {
|
|
#[cfg(not(feature = "web"))]
|
|
dioxus_desktop::launch(App);
|
|
#[cfg(feature = "web")]
|
|
dioxus_web::launch(App);
|
|
}
|
|
|
|
fn App(cx: Scope) -> Element {
|
|
use_router(
|
|
&cx,
|
|
&|| {
|
|
#[cfg(not(feature = "web"))]
|
|
let history = MemoryHistory::default();
|
|
#[cfg(feature = "web")]
|
|
let history = dioxus_router::history::WebHistory::new(None, true);
|
|
|
|
RouterConfiguration {
|
|
history: Box::new(history),
|
|
..Default::default()
|
|
}
|
|
},
|
|
&|| {
|
|
Segment::content(comp(Home))
|
|
.fixed("apple", comp(Apple))
|
|
.fixed("potato", Route::content(comp(Potato)).name::<PotatoName>())
|
|
.fixed("earth_apple", named::<PotatoName>())
|
|
},
|
|
);
|
|
|
|
render! {
|
|
h1 { "Simple Example App" }
|
|
Outlet { }
|
|
Link {
|
|
target: named::<RootIndex>(),
|
|
"Go to root"
|
|
}
|
|
}
|
|
}
|
|
|
|
fn Home(cx: Scope) -> Element {
|
|
render! {
|
|
h2 { "Root Index" }
|
|
ul {
|
|
li { Link {
|
|
target: "/apple",
|
|
"Read about apples…"
|
|
} }
|
|
li { Link {
|
|
target: named::<PotatoName>(),
|
|
"Read about potatoes…"
|
|
} }
|
|
li { Link {
|
|
target: "/earth_apple",
|
|
"Read about earth apples (literal translation of a german word for potato)…"
|
|
} }
|
|
}
|
|
}
|
|
}
|
|
|
|
fn Apple(cx: Scope) -> Element {
|
|
render! {
|
|
h2 { "Apple" }
|
|
p {
|
|
"An apple is a tasty fruit. It grows on trees and many varieties are either red or "
|
|
"green."
|
|
}
|
|
}
|
|
}
|
|
|
|
struct PotatoName;
|
|
fn Potato(cx: Scope) -> Element {
|
|
render! {
|
|
h2 { "Potato" }
|
|
p { "The potato grows underground. There are many recipes involving potatoes." }
|
|
}
|
|
}
|