[PAID] Recycler View – An Extension to implement recycler list view in your apps
1. Introduction
Description: This extension allows you to create recycler view in your app. This extension works with dynamic components extension by YusufCihan and you can also use kodular in built dynamic component for making recycler view. This recycler view is different from other. How :- It has grid supported with your desired rows and you can also create the horizontal recycler view too through this extension. This extension also have more than 10 animations. This extension brings almost all features of android recycler view.
Latest Version: 5.0.3
Released on: 20 June 2021
Updated on: 16 December 2023
Aix Size: 300KB
2. All Blocks
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/9/6/963a78641e1b56a65ed45ce1cd1acb9423501c2a.png)
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/6/6/666c71ec22a983b8003072791e0fc032334f31c4.png)
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/5/f/5f747595d548cd6d83de0b7d3f8783d72dde55c8.png)
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/a/6/a69a694dde2c7393b10ab7626aca561afa548aa4.png)
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/2/7/27a62a49150cd294938032d046b8fd5cc48705d5.png)
3. Documentation
![]() | This block raises when the use scroll and you need to change the data in created component. See the usage for more and better understanding |
![]() | This event raises when any error occurred like invalid parent view or invalid index or component |
![]() | This event is the main event of the recycler view. This will be raised when recycler view calls to create the component. You have create your all component in this blocks. See usage for more info and understanding |
![]() | This block create the recycler view in given layout with given orientation. See usage for more info and understanding |
![]() | This block add the main or parent component of your design to the parent or view holder of the recycler view. I know it is hard to understand this block. See usage for more info and understanding |
![]() | This block changes the ID of the component that you have used in the AddComponentToParent block. See usage for more info and understanding |
![]() | This block return the parent or view holder through the component. You have added the parent and component through AddComponentToParent . |
![]() | This block returns the container for creating components in it then later you can add those component through AddComponentToParent. |
![]() | This block returns the ID of component that you have added through AddComponentToParent blocks |
![]() | This block returns the component from the given parent view. It return those component that you have added through AddComponentToParent block. |
![]() | This block returns the index of the first visible item of the recycler view. |
![]() | This block returns the index of last visible item of the recycler view |
![]() | This block returns the true if the recycler view is created or false if not created |
![]() | These are the horizontal and vertical alignment for the recycler view |
![]() | These are two types of property that tells the recycler view to create grid view or linear layout |
![]() | This block set the animation duration for the recycler view |
![]() | This block set the animation that you want |
![]() | This block set the total count of the recycler view. Mean if you have to create 100 component the you will need to give 100 here |
![]() | This block set the rows that you want to create in grid view |
4. Usage
Extensions Needed
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/e/9/e9e5507f4eb2eb591181543035876a032e8404e8.png)
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/7/3/732328ae31d09c00c9df77e6fc8e08b9a9ef6a30.png)
You need to create the recycler view first in your desired layout. Also, set the total count of the components that you want to create
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/3/d/3de9e5a6a3857680b6e8fc5542b8ff65b9b77318.png)
When the recycler view created it will call the CreateComponent
event then you will
have to create the component. I have created the component through a procedure.
This is the procedure in which I am creating the component. Make sure to add the main or parent
component to the view holder of the recycler view through AddComponentToParent
block.
Then you will have to set the data according to the DataBind
event. It will be
raised when user scrolls the screen and then you will need to change the data. You can take the
id of the main component that you have added through AddComponentToParent
block
through GetIdFromParent
block.
Now you are good to go and you have created now a simple design for your recycler view.
You can also use Schema for making components for recycler view.
You can also apply the animation that you want.
5. Screenshots
![GIF-210620_085805](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/d/2/d2257e3e7d3f51cc7215c14958c9e824d51b8e29.gif)
![GIF-210624_091600](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/9/5/957ad6716deea7c990a4c26f12056f7714e73d5a.gif)
![GIF-210624_091455](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/7/d/7d12cd2a6b184826669e68aade5c2c9f78039afa.gif)
![GIF-210624_091352](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/a/2/a287c0a6abc3266b030a82d8f23736cfe38f514a.gif)
![GIF-210624_091225](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/7/3/7389e3f1962e213c85fdabb6ddf21e5a7e4e90d5.gif)
6. Price
For India: ₹499
Outside India: $8
7. Donate
If you liked my any work or the extension, you can support by donating some amount.
Paypal: paypal.me
UPI: iamwsumit@kotak
If you have any issue regarding the extension then you can contact me here
Thank you