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