2021-02-15 19:14:28 +00:00
|
|
|
//! An example where the dioxus vdom is running in a native thread, interacting with webview
|
2021-02-25 23:44:00 +00:00
|
|
|
//! Content is passed from the native thread into the webview
|
|
|
|
|
use dioxus_core::prelude::*;
|
|
|
|
|
|
2021-02-26 02:42:44 +00:00
|
|
|
fn main() {
|
2021-02-25 23:44:00 +00:00
|
|
|
dioxus_webview::launch(
|
|
|
|
|
|builder| {
|
|
|
|
|
builder
|
|
|
|
|
.title("Test Dioxus App")
|
|
|
|
|
.size(320, 480)
|
2021-05-15 16:03:08 +00:00
|
|
|
.resizable(false)
|
2021-02-25 23:44:00 +00:00
|
|
|
.debug(true)
|
|
|
|
|
},
|
|
|
|
|
(),
|
2021-02-26 02:42:44 +00:00
|
|
|
Example,
|
|
|
|
|
)
|
|
|
|
|
.expect("Webview finished");
|
|
|
|
|
}
|
|
|
|
|
|
2021-06-26 01:15:33 +00:00
|
|
|
static Example: FC<()> = |cx| {
|
|
|
|
|
cx.render(html! {
|
2021-05-31 22:55:56 +00:00
|
|
|
<div>
|
|
|
|
|
<svg class="octicon octicon-star v-align-text-bottom"
|
|
|
|
|
viewBox="0 0 14 16" version="1.1"
|
|
|
|
|
width="14" height="16"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
<path
|
|
|
|
|
d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
>
|
|
|
|
|
</path>
|
|
|
|
|
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
2021-02-26 02:42:44 +00:00
|
|
|
})
|
|
|
|
|
};
|
2021-06-26 01:15:33 +00:00
|
|
|
// static Example: FC<()> = |cx| {
|
|
|
|
|
// cx.render(rsx! {
|
2021-05-31 22:55:56 +00:00
|
|
|
// div {
|
|
|
|
|
// class: "flex items-center justify-center flex-col"
|
|
|
|
|
// div {
|
|
|
|
|
// class: "flex items-center justify-center"
|
|
|
|
|
// div {
|
|
|
|
|
// class: "flex flex-col bg-white rounded p-4 w-full max-w-xs"
|
|
|
|
|
// div { class: "font-bold text-xl", "Example desktop app" }
|
|
|
|
|
// div { class: "text-sm text-gray-500", "This is running natively" }
|
|
|
|
|
// div {
|
|
|
|
|
// class: "flex flex-row items-center justify-center mt-6"
|
|
|
|
|
// div { class: "font-medium text-6xl", "100%" }
|
|
|
|
|
// }
|
|
|
|
|
// div {
|
|
|
|
|
// class: "flex flex-row justify-between mt-6"
|
|
|
|
|
// a {
|
|
|
|
|
// href: "https://www.dioxuslabs.com"
|
|
|
|
|
// class: "underline"
|
|
|
|
|
// "Made with dioxus"
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// };
|
