Swipeable Item Button

Swipeable Item Button is added as a child of Swipeable Item and can be used to show a clickable button instead of completing the swipe action right away.

How to use

This has similar config props to that of the "Left/Right Swipe Configuration" to configure what is shown under the view

You also choose the direction where the button is shown.

You can have 1 or 2 buttons per side, but not more. You also cannot mix and match "Left/Right Swipe Configuration" with Swipeable Item Buttons in the same direction. Either you have a swipe action with its config OR buttons per side. You can have a button on one side and swipe config on the other.

Configuration Properties

PropertyDescription
Component nameThe name of the component as it appears in the Screen's component tree
TitleTitle of button
ColorColor of text and icon of button
Close on pressWhether the view should be closed/dismissed when pressed
Icon sizeSize of icon
Reveal swipe directionDirection of swipe that reveals the button
IconDisplays an icon of your choice
Background colorBackground color of button

Triggers

TriggerDescription
On PressRuns the Actions when the element is pressed