一、@State

这是 ArkUI 基础状态装饰器,用于给组件内变量赋予响应式特性。变量数值发生变更时,绑定该变量的界面会自动刷新 UI;状态仅在当前自定义组件内生效,弹窗显示开关、输入内容、按钮选中状态这类本地交互逻辑,一般都用它来控制。

二、弹窗

属于悬浮于页面上层的交互组件,用来做提示确认、表单录入、选项选择等场景。 常用实现:CustomDialog 自定义弹窗、系统简易提示框 promptAction、底部弹出面板 bindSheet,也可通过路由配置弹窗页面;弹窗的显示隐藏大多依靠 @State 变量控制。

三、路由

负责应用多页面跳转、参数传递、页面回退,是多页面应用核心能力。

  1. 原生 router 模块:pushUrl 打开新页面、back 返回上一页,跳转时可携带页面参数;
  2. Navigation 导航容器:自带导航栏与切换动画,适配折叠屏、分栏等复杂布局。

三者关系

@State 管控局部界面状态;弹窗是临时悬浮交互窗口;路由用于完整页面间跳转,开发中三者经常搭配使用。

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐