The core structure includes: title
image - The option to add an image of your product
price, discount - This allows you to display the price including the currency. The discount should set in the range 0 - 1 (1 = 100%)
tag - The option to add a tag to your item
amountControl - This property has several setup options:
- minimum and maximum
- action onChange
- action onDelete
onPress - The possibility to add any of the actions (please refer to the list of our Actions). This action(s) will be triggered as a reaction to the press event.
In this example, we display a simple list that contains a product-item component. Each product contains a title, tag, image, and price. The advantage is the possibility of searching, which is suitable for a larger number of products. The property "discount" calculates the price after the discount.
Examples: See the full example using dynamic data in GitHub.
Datasource: See the full datasource for dynamic data in GitHub.