直接上手 ReactiveUI + Avalonia 仅需三步:选对模板(新建项目时勾选“Avalonia .NET MVVM App”并指定 ReactiveUI)、装好包(含 ReactiveUI.SourceGenerators)、写对绑定(用 RaiseAndSetIfChanged 或 [Reactive] 属性、ReactiveCommand 或 [ReactiveCommand] 方法、Routing 导航)。

直接上手 ReactiveUI + Avalonia,关键就三步:选对模板、装好包、写对绑定。不用从零配环境,官方模板已集成支持。
创建项目时就选ReactiveUI
用 Visual Studio 或 Rider 新建 Avalonia 项目时,在模板选择页明确勾选 “Avalonia .NET MVVM App”,下一步中 MVVM Toolkit 选项里必须选 ReactiveUI(不是 CommunityToolkit 或默认空选项)。这一步决定后续所有 ViewModel 基类、命令写法和绑定语法是否原生可用。
- 项目生成后,ViewModels 文件夹下自动带 MainWindowViewModel,继承的是
ReactiveUI.ViewModelBase - Views 文件夹下 MainWindow.axaml 的
x:DataType默认指向对应 ViewModel,启用编译时绑定检查 - App.axaml.cs 中已配置好 Splat 依赖注入容器,可直接注册服务
数据绑定用 RaiseAndSetIfChanged 或 [Reactive]
ReactiveUI 提供两种主流方式让属性变更自动通知 UI:
- 手动写:用
this.RaiseAndSetIfChanged(ref _field, value)替代传统 INotifyPropertyChanged 实现 - 自动写:加
[Reactive]特性(需引用ReactiveUI.SourceGenerators),编译期生成完整属性逻辑,代码更干净
例如:
标签: react app ai 路由 win .net gate gate.
还木有评论哦,快来抢沙发吧~