Control Flow Navigation from an Aura Component
By default, users navigate a flow by clicking standard buttons at the bottom of each screen. The lightning:availableForFlowScreens interface provides two attributes to help you fully customize your screen’s navigation. To figure out which navigation actions are available for the screen, loop through the availableActions attribute. To programmatically trigger one of those actions, call the navigateFlow action from your JavaScript controller.
When you override the screen’s navigation with an Aura component, remember to hide the footer so that the screen has only one navigation model.
-
Flow Navigation Actions
The availableActions attribute lists the valid navigation actions for that screen.
-
Customize the Flow Footer with an Aura Component
To replace the flow footer with an Aura component, use the parameters that the lightning:availableForFlowScreens interface provides. The availableActions array lists which actions are available for the screen, and the navigateFlow action lets you invoke one of the available actions.
-
Build a Custom Navigation Model for Your Flow Screens
Since Aura components have access to a flow screen’s navigation actions, you can fully customize how the user moves between screens. For example, hide the default navigation buttons and have the flow move to the next screen when the user selects a choice.
See Also
j