Skip to main content
All CollectionsInteractions
Set Page Loader Action
Set Page Loader Action

An action that loads or removes a page in a page loader element.

Updated over 2 weeks ago

Overview

Set Page Loader actions usually load a page in your project into a page loader, but they can also remove a page from a page loader.

Set Page Loader actions are helpful when creating a custom tab bar.


Action Properties

Target

Select the page loader that the action will affect.

Select Page

Select the page to load into the page loader.

Remove Page

Choose if the previously loaded page should be removed.

Animation

Set the transition animation between loaded pages.

  • None: The page immediately transitions without animation.

  • Move In: The page moves into view.

  • Scale In: The page scales into view.

  • Push In: The page pushes the previous page until the page is in view,

  • Fade In: The page fades into view.

  • Scale Up: The page scales up from the object firing the interaction.

Delay

Set the number of seconds between the trigger firing and the action(s) beginning. (Not available if action is placed on an Animate block)

Duration

Set the number of seconds the action will take to complete. (Not available if action is placed on an Animate block)

Easing

Choose the action's easing curve: Default, Linear, Ease In, Ease Out, Ease In & Out, Spring, and Custom (write your easing curve using the Expression Editor). (Not available if action is placed on an Animate block)


Resources

Videos

Tutorials

Did this answer your question?