如何不使用Navigate To动作传递页面参数并在同页加载数据？

核心逻辑 #

不用官方文档里的Navigate To跳转动作，靠页面状态变量存储选中的数据，再通过条件渲染的弹窗/侧边栏来加载展示数据，全程不用写自定义代码。

一步步操作 #

1. 创建页面状态变量存选中数据 #

• 打开当前页面的「页面设置」，进入「状态」标签
• 添加一个状态变量，命名比如selectedData，类型选择对应的数据表（比如你的表叫Product，就选Product类型）

2. 给数据库列表条目添加点击动作 #

• 选中列表里的单个条目组件（比如ListTile）
• 在右侧「动作」面板选择Set State动作
• 将selectedData变量设置为当前点击的数据库条目（选择「从列表中获取当前项」选项）

3. 添加独立窗口并绑定数据 #

• 在当前页面添加弹窗（Modal）或侧边栏（Drawer/Sidebar）组件
• 可设置弹窗自动触发：当selectedData不为空时自动显示；也可先执行Set State再手动打开弹窗
• 在弹窗内部的文本、输入框等组件中，直接绑定selectedData的对应字段（比如selectedData.title、selectedData.price）

4. 关闭窗口时重置状态（可选） #

• 给弹窗的关闭按钮添加Set State动作
• 将selectedData重置为空值，避免下次打开窗口时显示旧数据

替代方案（无需状态变量） #

不想用状态变量的话，可直接通过组件参数传递：

• 给弹窗组件添加一个参数，比如targetItem，类型选择对应的数据表
• 点击条目时直接打开弹窗，同时将当前点击的条目传入弹窗的targetItem参数，弹窗内直接用该参数展示数据

内容的提问来源于stack exchange，提问作者fflow