How to upload multiple images to Firestore and display those images from Firestore in an image slider in Kotlin?

Question

I wanted to create an image slider to show images from the Firestore. I searched online a lot but didn't find anything to get started. There are a few videos online but they are for Java, but I want for Kotlin. I have made a set-up to upload an image but I can only upload one image per product. How can I upload multiple images per product and show display them too? Thank you.

Answer 1

Firestore does not support native images, it is a Document based database with a JSON like structure. You could convert images to Base64 strings, but you would have to ensure they are compressed as Firestore documents are restricted to 1MB each.

Once you download the firestore document, you convert it back from base64 to an image asset that you can insert within your app like you would a standard asset/image

Resources:

• Compress image: https://stackoverflow.com/a/60371129/2301161
• Convert to Base64: https://stackoverflow.com/a/4830846/2301161
• Convert to Image: https://stackoverflow.com/a/58955588/2301161
• Kotlin Image Slider: https://morioh.com/p/f79555321fff