How do you Display Images Alongside Text and Dates in a ListView in MIT App Inventor?

How can I add an image along with text and date information to a ListView in MIT App Inventor? How can I define an image and text for each item using the ListView Image and Text component?


As seen in the image, I am planning to make such a design, but the objects in this design will not be products, but pictures of treatments. I will take the treatments from this site as an example.

I do not believe the native listview component can generate the display you show.

You could create an html table in a webviewer, or use an extension such as CompCreator to dynamically build your view, or another extension called Tableviewer could also do this, with some work.

3 Likes

I agree with you that what you mean is correct. I am saving data from firebase, but when I go to the list view, I cannot view the image there. I also want that when we send the image we select in the Image picker with the text we enter from the textbox to the fire base and bring the data from there, I want the data to be shown in the listview along with the image.

Your ideas are really important to me, thank you very much.

That's funny. You have the same IP-address as @Mehmet_Karaman :slight_smile:

How are you saving the image to firebase ?

Yes, I know it's the same IP. I tried to explain my question on both accounts, but I actually wanted to show that other people had this problem and get help. If I did something bad, please excuse me.

I am saving it as base64 text but I cannot show it in the list view. In other words, I cannot retrieve it because it is not coming from Firebase.

It's not necessary to create another account to get attention. Shall I just delete the other account?

Really? Other community sites were not interested in me, so I decided to patch something like this, thank you for your interest in me.

Where is your base64 text coming from then ?

There is an extention in mit app inventor, when I select it from the image picker, it converts it to base64 and sends it to firebase.

So you do get it from firebase...if you work with html you can convert the base64 to a datauri which will display the image.

1 Like

Herewith a quick demo of what you could do with @Kevinkun 's Tableviewer extension:
(I just used 7 image files and some text to generate a bigger list, hence the repetition)

tvImageList.aia (32.4 KB)

3 Likes