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

[AppHelper_Studio (App Helper Store Official)]

Hello friends, Recently i upload a video and create a Custom Listview with this extension and without dictionaries. only with any components.

My English not good so please adjust

What’s New
Fixed Component Not Add Problem,
Use Any Component Blocks For Set Properties,
Fixed Cardview Width Problem.

Demo Blocks:

Edit by Mod: If promoting YouTube Videos, then make sure they are in English.

Aia:- RecyclerListViewWithoutDirectory.aia (86.8 KB)

[sergii (Chudesa Bojii)]

what’s the problem with width -2?

Animation effect

[Still-learning (1-2-3-4...)]

@sergii

problem with width -2?

where is such property?

[Still-learning (1-2-3-4...)]

[Clear Doubts]
What i am doing wrong with textbox made by Recycler extension? If i type in textbox it reprints in the following textboxes… How to overcome this error? Pls correct my mistake…

RecyclerTextBox_1.aia (84.2 KB)

[sergii (Chudesa Bojii)]

work with width -2

rec_test.aia (88.4 KB)

[dora_paz (Dora)]

See a more efficiently use of blocks

rec_test_1.aia (86.5 KB)

[Still-learning (1-2-3-4...)]

@Still-learning

it reprints in the following textboxes

I came to know that this is quite common in recycler mode, also found solution to overcome from this problem at here

Implementing edit text in a recycler view

[AppHelper_Studio (App Helper Store Official)]

its not working by the way now the problem fixed.

[dora_paz (Dora)]

See this, using data item. You can even save changes to tinyDB

[DP_Lofi (Dipesh)]

@Still-learning

@DP_Lofi

Recycler List View Overlap

the reason is, you have not initialised the recycler in screen init… Now check this aia
a_1.aia (130.4 KB)

Thank You Problem Solved.

[sergii (Chudesa Bojii)]

thank
on Windows11 in WSA, screen stretching if use screen_width_100%

on android in SplitMode screen

with width -2 , OK

[Still-learning (1-2-3-4...)]

@dora_paz

See this, using data item

Well-done!! How did you achieve this, Can I learn this too from you, of course a lot learnt from you?

[dora_paz (Dora)]

Use beta version of extension and use Data to set RecyclerList not Count

Give text box a unique id based on position and bind data using dataitem

When any textbox change, change values in global table using replace item at index and if you are using tinyDB once changes made to table, store it again to tinyDB. If you wish to update also your database then you have use a script to update gsheet also using web component
You can download beta version and test it from here

[Still-learning (1-2-3-4...)]

@dora_paz

Data to set RecyclerList not Count

Oh… You achieved it by another version… great… let me try it. Thank you @dora_paz

[dora_paz (Dora)]

I found it easier to get the whole table in a list of lists using list from csv table list and work with it

[zainulhassan]

You can use the latest version from main branch. It is working fine. Moreover it adds Data property and scroll listeners.

GitHub - zainulhassan815/appinventor-recycler-list: Recycler view for...

[Ammaraldewani]

how i can add image in this extension ???

[Ammaraldewani]

Value (Image of type java.lang.String cannot be converted to JSONObject

[Still-learning (1-2-3-4...)]

There is no property for the key image in dictionary mode… you need to replace it with Picture instead of image, just try it…

[Ammaraldewani]

i tried also picture not working
Value (Picture of type java.lang.String cannot be converted to JSONObject