Skip to content

Latest commit

 

History

History
79 lines (51 loc) · 3.24 KB

navigate.md

File metadata and controls

79 lines (51 loc) · 3.24 KB

Navigate

!> Note, this node is part of the Mobile Web App Navigation module. You need to install that module to be able to use this node.

This node is used to perform navigation on a Navigation Stack. Take a look at the Navigation guide to learn more about navigation.

INPUTS

General

Stack
This is the identifier (name) of the stack where the navigation should be performed. Default means the root screen stack. Otherwise it should be a name of a Navigation Stack node.

Target
This is a component that is the target for the navigation node, i.e. the component that should be created and put on top of the navigation stack. It must be a component with visual nodes.

Transition

Transition
The type of transition. Can be any of:

  • None No transition, the target component is immediately made visible.
  • Push The current top of the stack is "pushed away" while the new top enters.
  • Popup The current top is not changed. The new top enters with a transition on top of it.

Not all of the parameters below are available for all types of transitions.

Direction
This is the direction the new top component enters from, and also the direction the current top is pushed away in, if the transition is Push. It can be any of Left, Right, Up, Down and In,Out. The latter zooms in vs out.

Shift Distance
This is the distance of the transition in either % or in px, i.e. the distance the component is moved in the specified direction.

Zoom
This is available if the Direction is set to In or Out and specifies the amount of zoom the transition should apply.

Crossfade
If enabled the target will fade in and the current top fade out. Only available for Push transitions.

Dark Overlay
Adds a overlay to the current top with the color #000000. Only available for Push transitions.

Dark Overlay Amount
The maximum opacity of the overlay. It starts at 0 and animates to this value. 0 disables it, and 1 makes the overlay animate to 100% opacity. Only available for Push transitions.

Fade In
Available for Popup transitions. This indicates if the new top component should fade in ou not during the transition.

Timing
This is a timing curve that controls the delay, duration and animation ease of the transition.

Parameters

These are the parameters that are passed to the new top component when the navigation is performed. Parameters are passed through a Component Inputs node to the target component.

Actions

Navigate
A signal input. When a signal is received the navigation will be performed.

OUTPUTS

This node has no outputs.