[F/OS] Recycler List View - Render larger data sets efficiently using `RecyclerView` for AppInventor & Distros

Plz Help me guys on how can set and get views using the recycler list view extension and store data in gsheet

What have you tried so for? Just tell or share with us .

I just tried to count views

where do you want to count the views? better search first in community , if no result obtained just create a new topic regarding your query and post relevant blocks , screenshots. etc… no need to continue here

1 Like

@zainulhassan can you update component system like use schema block from dynamic component extension in this recycle view

There is, see

The only difference with dynamic components is that you don’t have to assign id’s anymore. On CreateView use template and set parameters to an empty dictionary. Use OnBindView to bind data

For example

my schema json

{
	"name": "recycler_airtable",
	"metadata-version": 1,
	"extension_version": 5,
	"author": "dora_paz",
	"platforms": [
		"creator.kodular.io"
	],
	"keys": [
		"icon",
		"clientid",
		"name",
		"phone",
		"email"
	],
	"components": [
		{
			"id": "cv",
			"type": "MakeroidCardView",
			"properties": {
				"AlignHorizontal": 3,
				"AlignVertical": 2,
				"CornerRadius": 20,
				"FullClickable": true,
				"Height": -1025,
				"Width": -1080
			},
			"components": [
				{
					"id": "HA_",
					"type": "HorizontalArrangement",
					"properties": {
						"AlignHorizontal": 3,
						"AlignVertical": 2,
						"Height": -2,
						"Width": -2
					},
					"components": [
						{
							"id": "VA1_",
							"type": "VerticalArrangement",
							"properties": {
								"AlignHorizontal": 3,
								"AlignVertical": 2
							},
							"components": [
								{
									"id": "Img_",
									"type": "Image",
									"properties": {
										"Height": 100,
										"Width": 100,
										"ScalePictureToFit": true
									}
								}
							]
						},
						{
							"id": "Sp",
							"type": "SpaceView",
							"properties": {
								"Width": 10
							}
						},
						{
							"id": "VA2_{count}",
							"type": "VerticalArrangement",
							"properties": {
								"AlignVertical": 2,
								"Height": -2,
								"Width": -2
							},
							"components": [
								{
									"id": "Lb1_",
									"type": "Label",
									"properties": {
										"Text": ""
									}
								},
								{
									"id": "Lb2_",
									"type": "Label",
									"properties": {
										"Text": ""
									}
								},
								{
									"id": "Lb3_",
									"type": "Label",
									"properties": {
										"Text": ""
									}
								},
								{
									"id": "Lb4_",
									"type": "Label",
									"properties": {
										"Text": ""
									}
								}
							]
						}
					]
				}
			]
		}
	]
}

blocks - 2022-06-02T122650.188

1 Like

How apply click method for child components
Or
Get id from component :thinking:

See :point_down: :point_down:

1 Like

Please Help Me
I want to create two Recycler List View 1st Linear & 2nd Grid View but I am facing an error 1st linear recycler list create and then click on card view to create 2nd Grid View did not Create and when send the data on another screen it create Grid view.

Can be possible to use two Recycler List View In One Screen.

Recycler List Initialize set when screen initialize

When spreadsheet got data, just add global csv list to create empty list as first block rest of the thing will do the by the extension.

@dora_paz thanks to solve my previous problem

Can you help for that
I made the design using create temple block
Can I get any particular component without clicking on this…
Actually i want to get two different components on any button click… like when i click button1 then i want to get button1 & button2 also for set properties for both

How i can do this ?

@dora_paz SOLVED :white_check_mark:

How i remove perticular component

This is recyclerView
Else remove the particular item from data item then rebuild

when i update list on same layout then old desighn is also visible

Then you might have not configured correctly

how i can do

Show your blocks

i tried like this and found working

step 1: create a global variable with empty list and On bind view just add your data items into this list

step 2: I used On any card view click to remove the clicked item…
Remove the clicked index item from the variable and set recycler Data to empty list so that we can recreate immediatly after removing the item. Also i have used one clock with just 100ms or 1000 ms.
If you want you can use one tinydb and next time while load you can use data list from this tinydb…

step 3; once item removed and clear the data list now again set data list to this global variable… immedi it will recreate
image

see, the work is so simple

2 Likes

No way . No problem with extension… you must check up your blocks