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.
Style Properties
Style properties allow you to customize the look and feel of the component. Combinations of styles applied to components can be saved as Stylesheets to easily reuse styles throughout your app. Styles can also be set dynamically using Variables. To learn more about all the different styling properties and how they work, take a look at Intro to Styling.
Configuration Properties
Property | Description |
---|---|
Component name | The name of the component as it appears in the Screen's component tree |
Title | Title of button |
Color | Color of text and icon of button |
Close on press | Whether the view should be closed/dismissed when pressed |
Icon size | Size of icon |
Reveal swipe direction | Direction of swipe that reveals the button |
Icon | Displays an icon of your choice |
Background color | Background color of button |
Data Properties
Property | Description |
---|---|
Disable Left Swipe | An optional boolean variable to disable left swipe |
Disable Right Swipe | An optional boolean variable to disable right swipe |
Conditional Display
You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.
Triggers
Trigger | Description |
---|---|
On Press | Runs the Actions when the element is pressed |
Updated 5 months ago