用户引导导航
导航与分支功能让您能够引导用户完成用户引导的每个步骤:使用静态路由将所有人引导至核心屏幕,并使用动态导航根据用户选择调整流程。所有这些都无需编写任何代码。
设置导航
您可以使用按钮和测验配置静态和动态导航,以及用户引导关闭功能。
对于测验,只有单选测验适合用于导航。多选测验可用于设置条件元素可见性。
静态导航
静态导航将用户引导至同一目标屏幕。设置方法如下:
- 添加一个按钮或单选测验。
- 选中该按钮或测验,然后点击右侧的 Element 选项卡。
- 设置按钮的 On Press 区域或测验的 Behaviour:
- Action on(仅限测验):选择 Option 以解锁测验的导航设置。
- Action:选择 Navigate。
- Data:选择 Static,将用户引导至同一目标屏幕。
- Destination:选择目标屏幕。
使用静态导航时,无论用户选择哪个答案,测验都会将用户引导至同一屏幕。
动态导航
动态导航根据用户的测验答案进行路由:
- 前面屏幕上的测验答案:按钮或单选测验均可触发导航。
- 当前屏幕上的测验答案:只有单选测验可以触发导航。
设置方法如下:
- 添加一个将引导用户的按钮或单选测验。
- 选中该按钮或测验,然后点击右侧的 Element 选项卡。
- 设置按钮的 On Press 区域或测验的 Behaviour:
- Action on(仅限测验):选择 Option 以解锁测验的导航设置。
- Action:选择 Navigate。
- Data:选择 Dynamic,根据用户之前的测验答案引导用户。
- State:选择一个测验,其答案将决定用户的目标屏幕。
- 为每个测验选项选择目标屏幕。
您的按钮或测验将动态地将用户路由至您配置的目标屏幕。
关闭用户引导
如果您的用户旅程需要关闭用户引导流程,可以使用按钮或单选测验进行设置:
- 添加一个按钮或单选测验。
- 选中该按钮或测验,然后点击右侧的 Element 选项卡。
- 设置按钮的 On Press 区域或测验的 Behaviour:
- Action on(仅限测验):选择 Option 以解锁测验的导航设置。
- Action:选择 Close onboarding。
了解如何在 iOS、Android、React Native 和 Flutter 上处理用户引导关闭事件。