How do you load text and images into RecyclerList View from Firebase? (Help)

[Boby_Sing]

​Hello,
​I am trying to get JSON data from Firebase in my app and display it in RecyclerList view. I want to display text (data) and image (image) in my project. , I am getting some error in this, I tried but it didn't work.
​The structure of JSON data in my Firebase is as follows

{
"Categories": {
"Inspiration": {
"image": "https://...",
"data": { "1": "...", "2": "..." }
},
... (Other Categories)
}
}

I have structured my Firebase_Database1.GotValue block as follows:

I want to display the information in "image" and "data" in RecyclerList. I tried many times, but I keep getting the same error.
​Can you please guide me on how to properly structure the blocks required to load "image" and "data" in RecyclerList

Aai -
banga (1).aia (1.7 MB)

I Hope

[TIMAI2]

I note you already have 39 replies on the same topic on the Kodular community...

You are mixing key:value pairs with a firebase array.

Do not use integers from 1 (e.g. 1,2,3,4...) for your keys (tags), use strings (01,02,03...) or (item01,item02,item03...)

See the recyclerlist guide by @dora_paz HERE

You might also look at the updated recyclerlist extension by @White_Tiger HERE

Search the community for recyclerlist guides and topics

[Boby_Sing]

There were some issues with the new recycle list, so the old version is working.

[TIMAI2]

@Boby_Sing

I am getting some error

What error, show it in full, and indicate when it arises (Firebase GotValue ?)

I cannot see where you set Recyclerlist. Data?

[Boby_Sing]

[TIMAI2]

Use Do it to look at the values you are getting back for your lists/dictionaries banga, xl and cate

[Boby_Sing]

It looks the same everywhere.

[TIMAI2]

Add three labels, and set each of your local variables to a label to show output

How to show raw responseContent from your app when debugging

Many developers often get stuck when trying to handle the response content from an online server after making a GET request using the web component. Those trying to help often ask to see the raw responseContent being returned. When using companion this can be copied and pasted to the community for those trying to help to use with debugging. This is how you might return that information / data to a label. BLOCKS [image] DATA Do It Result: ""Name","Date of Birth","Age" "Adah","06/04/1999","2…

[Boby_Sing]

This data is displayed in all three labels respectively.
Uploading:
Leb2 Screenshot_2025-09-19-16-03-01-76_3d0fbc90c54dc712111be22de2bfc24f.jpg…

Leb 3

Leb 4

[TIMAI2]

Looks like you get the same output for each of your lists, so your filtering is not working (your first image did not upload). Do you mean to call everything back from Categories. You do not show your call for data or your projectBucket.

[Boby_Sing]

I have updated the recycle list and written the block in a new way, got all the data in the category, but something is wrong with it, the images are showing correctly but, the key names in the category are showing as null instead of that, all the data in the sub node Data is showing at once, which I wanted to show in the screen show, but it is showing correctly between labels 2 and 3.

[TIMAI2]

You are nearly there ?

Looks like you need to select index 2 of the list containing the null and the phrase so that you just return the phrase.

[Boby_Sing]

Please explain how

[TIMAI2]

here:

insert a select item, index 2

Does this work ? Otherwise you will need to iterate over the values in dataitem to extract index 2 items to a new list...

[Boby_Sing]

Tried it, error went but, there was a problem, the data loaded in the text, that data should be visible in screen 2, it is visible here, in that place [Attitude", "Friendship", "Life", "Love", "Motivation", "Positive", "Sad", "Self-Respect", "Success", "Wisdom"] this text should be shown, I think the recycle list data is going to the wrong path

[Boby_Sing]

hello, someone please respond