Show a Picture Full Screen on Mobile

Mobile Beta
1

I uploaded pictures and now I have a horizontal list as a picture gallery.

When User tap on one picture I would like to show the picture in full size.
Ideally show the picture zoomed out to fit to screen then they can pinch in and move around.

I tried various ways but I could not setup properly.

  • direct added image
  • added image to the background of a group
  • even tried a webview

if someone has the setup I would appreciate I guess this is a very common use case.

Thanks!!!

2

I built something similar, but didn’t launch my app to the app stores yet, so I can only tell what’s working in bubbleGo and the preview.

I load the image in a webView. I send a thing (“data to send”) in the webView element. And in the page (web page, not mobile view) I have an image element that loads a url/file of that thing.

(To be exact, I set a state with that url upon page load and refer to that state in the image element in the “dynamic image” field. But that is just due to my use case and should not be necessary.)

Unfortunately, I didn’t manage to enable zoom for the image yet.

FYI, I used the same method to view PDFs (since there is no PDF viewer in mobile yet).

It took me some time to understand how webView works. Not sure if that is your issue?

Let me know if you have questions. Maybe you can explain in more detail what you tried already and what error you experience.

Good luck!

1 Like
3

Thanks!!!

I’m guessing some advice should come from the bubble team as “showing an image full screen on mobile” probably not an edge case we need to build these workarounds.

1 Like
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.