#ambient #ui #element #react #hook #built #top

ambient_ui

Ambient 运行时的 UI 库,基于 Ambient 的 Element 库构建

16 个版本

0.3.1 2023 年 10 月 25 日
0.3.1-rc.12023 年 10 月 24 日
0.3.0-rc.22023 年 9 月 29 日
0.2.1 2023 年 5 月 6 日

12 in #ambient

Download history 58/week @ 2024-03-11 65/week @ 2024-03-18 83/week @ 2024-03-25 95/week @ 2024-04-01 36/week @ 2024-04-08 44/week @ 2024-04-15 69/week @ 2024-04-22 48/week @ 2024-04-29 36/week @ 2024-05-06 41/week @ 2024-05-13 50/week @ 2024-05-20 21/week @ 2024-05-27 49/week @ 2024-06-03 41/week @ 2024-06-10 34/week @ 2024-06-17 49/week @ 2024-06-24

174 下载/每月
15 个 crate 中使用 (2 个直接使用)

MIT/Apache

365KB
9K SLoC

ambient_ui

Ambient 的 UI 库。基于 Ambient 构建。

Ambient 的 UI 系统深受 React(带有 hooks)的启发,并遵循许多相同的模式。查看 React 文档 了解 hooks 的一般工作方式。


lib.rs:

Ambient 的 UI 库。基于 Ambient 构建。

Ambient 的 UI 系统深受 React(带有 hooks)的启发,并遵循许多相同的模式。查看 React 文档 了解 hooks 的一般工作方式。

入门

以下是一个计数器应用的简单、完整示例

use ambient_api::prelude::*;

#[element_component]
fn App(hooks: &mut Hooks) -> Element {
    let (count, set_count) = use_state(hooks,0);
    FlowColumn::el([
        Text::el(format!("We've counted to {count} now")),
        Button::new("Increase", move |_| set_count(count + 1)).el(),
    ])
}

#[main]
pub fn main() {
    App.el().spawn_interactive();
}

在这里查看所有 UI 示例.

依赖项

~10–54MB
~895K SLoC