Adobe XD导航栏组件预览时状态不切换问题求助

• 用组件状态+页面载入触发搞定核心问题
  要让导航栏在切换页面时自动更新状态，关键得把导航栏做成主组件，给每个按钮设置好不同状态（比如选中高亮、默认灰显）。然后给每个页面的导航栏实例添加页面载入触发动作：

  1. 选中当前页面的导航栏，打开「原型」面板
  2. 添加「页面载入」触发条件，选择「设置组件状态」动作，把对应页面的导航按钮切换到选中态
     比如你的Home页，载入时把Home按钮设为选中样式；Video页载入时，把Video按钮切到选中态，这样预览切换页面时状态就会自动同步。

• 确认导航栏是组件实例而非独立元素
  必须保证所有页面的导航栏都是同一个主组件的实例，不能是单独复制的独立元素——如果是独立元素，状态根本无法同步控制。右键点击导航栏，能看到「编辑主组件」选项，就说明是正确的组件实例。

• 检查按钮交互逻辑
  除了页面载入的触发，也可以检查导航按钮的跳转动作：点击按钮时，除了设置跳转目标页面，可先将当前按钮状态切换到选中态（不过页面载入的触发方式更稳定，能避免跳转时状态切换不及时的问题）。

示例截图 #

Home页导航栏：

Video页导航栏：

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