Text and Image from Firebase Database not showing in my app (Need Help)

Discuss
, , ,
1

Hello,
I am using Firebase Database to load data into my app, but I am facing some issues:

Text is coming from Firebase but it is not showing in the app.

Image URL is also coming from Firebase, but the image is not displaying.

:backhand_index_pointing_right: Please check my blocks and let me know where I am making a mistake.
:backhand_index_pointing_right: I want to show both Text and Image together in one card/arrangement.

My Questions:

  1. How to correctly set Firebase text value into a Label?

  2. How to correctly show an Image using the URL from Firebase in Kodular?

  3. Is there anything wrong in my blocks that is stopping data from showing?

Thanks :folded_hands:

2

Hi Oham,

As you correctly wrote,

it would be very helpful to show the main blocks where you are encountering the error.

1 Like
3

blocks(10)
blocks(10)1925Ă—1188 287 KB

4

It would be better to set the projectBucket directly on a higher-level node so you can get all the data at once instead of making all those getValue calls.
Could you show how your database is structured (hide any sensitive data if there are any)?

5

I apologize that I cannot reply quickly as my post is awaiting approval.

6

IMG-20250918-WA0000
IMG-20250918-WA00001280Ă—720 196 KB

7

If you set your project bucket to “Categories” you can get all the categories in a single call,
Firebase will return a JSON text that can be used as a dictionary.

8

col_Bg.aia (903.5 KB)

I am adding aia for information.

9

Be careful, your private Firebase API key is in the project, will you change it later or do you want to hide it?

1 Like
10

I made some changes, let me know if you don’t understand something.
col_Bg.aia (902.9 KB)

1 Like
11

I have set up the project bucket as is, do I need to change any of the configuration?

12

Yes, but I later import this json file into another project. Right now, I need to solve this problem.

13

Yes, of course.

14

It’s working :smiling_face_with_three_hearts: Thank you for that. But one change needs to be made, the list of 10 main names should be visible on the first screen, but after clicking on it, the data that should be visible on the second screen is visible on this screen.

15

:partying_face:, im glad

immagine
immagine414Ă—683 40.2 KB

Like this?

immagine
immagine407Ă—713 30.1 KB

col_Bg.aia (902.7 KB)

EDIT:
To handle the click on the CardView, I suggest you do it like this.

blocks(22)
blocks(22)924Ă—446 36.4 KB

1 Like
16

Great man :smiling_face_with_three_hearts::folded_hands: I can’t thank you enough, my big question has been resolved, thank you once again. If you have any doubts about this, please ask again.And yes, how can I display the category in label 1 of the second screen after the click event? Please tell me at the end. Thank you again.

17

There’s no need :heart_hands:

You have several options, but the simplest are

  • to save the data in TinyDB and retrieve it in the other screen,
  • or pass them directly in the startValue.
18

tinyDB

Screen home

immagine
immagine609Ă—591 55.2 KB

  • You save the data as soon as they arrive from the Firebase.GotValue with a TinyDB.StoreValue.
  • On the CardView click, we pass the category name as the StartValue.

Screen show

immagine
immagine584Ă—312 28.8 KB

  • We set the label to the StartValue
  • and get the category data from the data saved in TinyDB.

col_Bg2.aia (903.3 KB)

1 Like
19

StartValue

Screen home

blocks(23)
blocks(23)1050Ă—473 39.1 KB

The thing that seemed simplest to me is to pass a list to the other screen with the first value being the category and the second the data.

Screen show

blocks(24)
blocks(24)553Ă—332 20.2 KB

Here we select the first item for the label and the second for the data.

1 Like
20

A post was split to a new topic: Store and retrieve data from Firebase