Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2025-02-16 05:38:26 +00:00
Code Issues Projects Releases Packages Wiki Activity

reformated and center aligned example

Browse source
This commit is contained in:
Evan Almloff 2022-02-04 15:03:55 -06:00
parent af5782ff46
commit 981c368933
1 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
examples/keys.rs
View file

@ -1,6 +1,6 @@
use std::cell::RefCell; use std::cell::RefCell;
use crossterm::event::KeyEvent; use crossterm::event::{KeyCode, KeyEvent, MouseEvent};
use dioxus::prelude::*; use dioxus::prelude::*;
use rink::InputHandler; use rink::InputHandler;
@ -9,9 +9,9 @@ fn main() {
} }
fn app(cx: Scope) -> Element { fn app(cx: Scope) -> Element {
let (key, set_key) = use_state(&cx, || "".to_string()); let (key, set_key) = use_state(&cx, || KeyCode::Null);
let (mouse, set_mouse) = use_state(&cx, || "".to_string()); let (mouse, set_mouse) = use_state(&cx, || (0, 0));
let (size, set_size) = use_state(&cx, || "".to_string()); let (size, set_size) = use_state(&cx, || (0, 0));
cx.render(rsx! { cx.render(rsx! {
div { div {
@ -20,25 +20,26 @@ fn app(cx: Scope) -> Element {
background_color: "red", background_color: "red",
justify_content: "center", justify_content: "center",
align_items: "center", align_items: "center",
flex_direction: "column",
rink::InputHandler { rink::InputHandler {
onkeydown: move |evt: KeyEvent| { onkeydown: move |evt: KeyEvent| {
set_key(format!("{evt:?}")); set_key(evt.code);
}, },
}, },
rink::InputHandler { rink::InputHandler {
onmousedown: move |evt| { onmousedown: move |evt: MouseEvent| {
set_mouse(format!("{evt:?}")); set_mouse((evt.row, evt.column));
}, },
}, },
rink::InputHandler { rink::InputHandler {
onresize: move |dims| { onresize: move |dims| {
set_size(format!("{dims:?}")); set_size(dims);
}, },
}, },
"keyboard: {key} "keyboard: {key:?}",
mouse: {mouse} "mouse: {mouse:?}",
resize: {size}", "resize: {size:?}",
} }
}) })
} }