swaits/dioxus
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: update example

Browse Source
This commit is contained in:
Jonathan Kelley committed 2021-02-25 21:42:44 -05:00
1 parent 32b45e5ba1
commit b0a87e5d73
2 files changed
+35 -34
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/webview/Cargo.toml
+2 -2
View File
@@ -7,8 +7,8 @@ edition = "2018"
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
[dependencies]
web-view = { git = "https://github.com/Boscop/web-view" }
# web-view = "0.7.2"
# web-view = { git = "https://github.com/Boscop/web-view" }
web-view = "0.7.3"
dioxus-core = { path = "../core" }
anyhow = "1.0.38"
argh = "0.1.4"
packages/webview/examples/demo.rs
+33 -32
View File
@@ -1,9 +1,8 @@
//! An example where the dioxus vdom is running in a native thread, interacting with webview
//! Content is passed from the native thread into the webview
use dioxus_core::prelude::*;
fn main(){
fn main() {
dioxus_webview::launch(
// Customize the webview
|builder| {
@@ -16,37 +15,39 @@ fn main(){
// Props
(),
// Draw the root component
|ctx, _props| {
ctx.view(html! {
<div>
<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">
// Title
<div class="font-bold text-xl"> "Jon's awesome site!!11" </div>
// Subtext / description
<div class="text-sm text-gray-500"> "He worked so hard on it :)" </div>
<div class="flex flex-row items-center justify-center mt-6">
// Main number
<div class="font-medium text-6xl">
"1337"
</div>
</div>
// Try another
<div class="flex flex-row justify-between mt-6">
<a href="http://localhost:8080/fib/{}" class="underline">
"Legit made my own React"
</a>
</div>
Example,
)
.expect("Webview finished");
}
static Example: FC<()> = |ctx, _props| {
ctx.view(html! {
<div>
<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">
// Title
<div class="font-bold text-xl"> "Jon's awesome site!!11" </div>
// Subtext / description
<div class="text-sm text-gray-500"> "He worked so hard on it :)" </div>
<div class="flex flex-row items-center justify-center mt-6">
// Main number
<div class="font-medium text-6xl">
"1337"
</div>
</div>
// Try another
<div class="flex flex-row justify-between mt-6">
<a href="http://localhost:8080/fib/{}" class="underline">
"Legit made my own React"
</a>
</div>
</div>
</div>
})
},
).expect("Webview finished");
}
</div>
</div>
})
};