Links

Control Swipeable Stack

Using this action, you can swipe the widgets inside the SwipeableStack widget. For example, swiping the card left or right with the tap of a button.

Prerequisites

Before you add this action, you'll need to add a SwipeableStack widget with some child widgets.

Types of card swipe

There are the following types of card swipes you can add:
  • Trigger Left Swipe: Moves the current card from right to left.
  • Trigger Right Swipe: Moves the current card from left to right.
  • Trigger Up Swipe: Moves the current card upwards from bottom to top.
  • Trigger Down Swipe: Moves the current card downwards from top to bottom.

Adding control swipeable stack action

Follow the steps below to add this action to any widget.
  1. 1.
    Select the Widget (e.g., Container, Button, etc.) on which you want to add the action.
  2. 2.
    Select Actions from the Properties panel (the right menu), and click Open. This will open an Action Flow Editor in a new popup window.
  3. 3.
    Click on the + Add Action.
  4. 4.
    Search and select the Control Swipeable Stack (under Widget/UI Interactions) action.
  5. 5.
    Set the Swipeable Stack to Control to the name of the SwipeableStack added to your page.
  6. 6.
    Select the Card Swipe Type.

Last Updated Date: February 5, 2024