Тёмный

How to Upload and Display Multiple Photos w/ visibility variables - Flutterflow 

Teknesis
Подписаться 2,6 тыс.
Просмотров 16 тыс.
50% 1

In this side tutorial, we will cover uploading multiple photos using the associated action flow, using conditional visibility to show/hide aspects of the UI, assign first index to a specific position, and display both row scrolling and gridview displays. This tutorial can be applied to your social media, market place and other similar apps where multi-photo uploads are applicable.

Наука

Опубликовано:

 

11 апр 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 53   
@VMILANK
@VMILANK 2 месяца назад
One of the best flutterflow tutorial i have seen thank you !
@Ryanyong1408
@Ryanyong1408 2 месяца назад
Amazing stuff, I was stuck at this for so long. Thank you so much. Looking forward to more videos!
@lukeatkins9906
@lukeatkins9906 Год назад
Genuinely great video! Really informative and useful. Real world concepts. Looking forward to watching more of your videos!
@teknesis7339
@teknesis7339 Год назад
Awesome, thank you!
@Azreniakingdom
@Azreniakingdom 9 месяцев назад
This was so awesome! Thank you :)
@thenewprofit
@thenewprofit Год назад
It's very useful, thank you!
@dalmarjosesantos
@dalmarjosesantos 7 месяцев назад
Thanks, great video!!!!
@Dan-sr8tl
@Dan-sr8tl Год назад
Great video, Thank's ! But can we add label to the uploaded images please ?
@mohamedrghay2424
@mohamedrghay2424 Месяц назад
maaaan , thank you so much
@daviddelgado8213
@daviddelgado8213 9 месяцев назад
Great usefully tutorial!Have you resolve how to eliminate the “child” image with an icon?im triying to do it but I’m only be able to remove the whole url list
@M1ndProductions
@M1ndProductions 19 дней назад
Hi, is there any way how I can delete a specifc photo from that list?
@Christmaseevee06
@Christmaseevee06 9 месяцев назад
the delete dificulty might be a problem with the firebase rules
@Tj-vy5lt
@Tj-vy5lt 8 месяцев назад
Im having trouble with visibility conditions,i followed the instructions yet the icons are not disappearing, they are stacking ontop of the photo
@user-mx2jg5jn2s
@user-mx2jg5jn2s 10 месяцев назад
Hi, echoing the other folks in the comments, great tutorial and very helpful. As it relates to deleting individual photos, how would you do that? I'm able to clear uploaded data but can't figure out how to clear a specific item in the index. Thanks in advance for any guidance you have!
@teknesis7339
@teknesis7339 10 месяцев назад
The photo is cached on the device, so you need to rebuild the page. Try using page or app state to rebuild after each delete. That should clear it out.
@user-mx2jg5jn2s
@user-mx2jg5jn2s 9 месяцев назад
great thanks! @@teknesis7339
@aliroshdy1390
@aliroshdy1390 Год назад
First thank you for the amazing video it really helped a lot. However, i am stuck with one issue. When i click the photo in the row list it doesn't change the main photo, and i noticed that the only action you added to the photos under the row is to make it expandable. some please help me to fix this to have the issue resolved. And again thank you for your time and contribution, i really learn a lot from your videos.
@teknesis7339
@teknesis7339 Год назад
I would either have to see a screen recording of your issue or share your project with me so I can lay eyes on it. Thanks for the kind words also
@dialospy
@dialospy 10 месяцев назад
Hey, nice walkthrough! Do you have any tips for (selecting) temporary uploading a list of images locally, before user confirming and uploading to firebase? My issue is images and documents getting uploaded with the upload action, but not added to the document if the user doesn't proceed to create a document.
@dialospy
@dialospy 10 месяцев назад
Same issue when users are selecting multiple images. I can't set a limit on number of images uploaded. When using conditional i can give an alert when more than 4 have been uploaded, but i cannot seem to delete them from firebase storage with the Delete Data action
@teknesis7339
@teknesis7339 10 месяцев назад
For storing images locally, you'll have to either use a custom code to create a temporary path or use app/page state
@teknesis7339
@teknesis7339 10 месяцев назад
You'll have to use custom code
@watchshortshere
@watchshortshere Год назад
how to mark if the card is visited?
@happyboss555
@happyboss555 4 месяца назад
16:29 Hi Teknesis I added a delete btn in the container of img, and setup an action - delete document, but I couldn't find the reference to select for delete. Could you share how to do it? Thank you~
@teknesis7339
@teknesis7339 3 месяца назад
Join my Discord to get help
@filiphesantos7947
@filiphesantos7947 9 месяцев назад
top top top
@danzreview
@danzreview Год назад
bro i got a question, what if we make a usecase for task management that need to upload image each progress how to pull the image for each progress in list?
@teknesis7339
@teknesis7339 Год назад
Well I guess that depends on how your progress is being stored. If they’re individual documents, then I think that answer is a given. But if it’s a single document, where progress is a list field and photos are a list field, then you’d want to generate your result based on their associated index in each list. I had a custom function that would do this at one point, though I’m not entirely sure what happened to it. You may be able to do it directly within FF now, though.
@danzreview
@danzreview Год назад
@@teknesis7339 yeah for now the best practice to do that is make activity Collection for progress and make it doc ref to the main task
@afroniumstudios
@afroniumstudios 8 месяцев назад
Is there a way to use the Carousel widget for this?
@teknesis7339
@teknesis7339 8 месяцев назад
I'm not sure. Haven't tried
@user-pm6po1tw8t
@user-pm6po1tw8t 10 месяцев назад
why post documents option in grid view dont show up for me ?
@teknesis7339
@teknesis7339 10 месяцев назад
I have no idea
@MarcioFranco
@MarcioFranco Год назад
Great video! But, how to delete a specific photo ?
@bigcha38
@bigcha38 Год назад
I wonder as well
@MarcioFranco
@MarcioFranco Год назад
@@bigcha38 Now, i know how to delete a specific Photo in list of pictures
@thenewprofit
@thenewprofit Год назад
@@MarcioFranco Could you tell us how to delete a specific Photo in list of pictures?
@MarcioFranco
@MarcioFranco Год назад
@@thenewprofit you just need to select an item from index at..from your list
@happyboss555
@happyboss555 4 месяца назад
how to select item from index? the action1. delete document, 2. select the item from index? but I can't find the step2 🥲 @@MarcioFranco
@c.techguy9707
@c.techguy9707 Год назад
please i can't find the upload to firebase action in my action list
@teknesis7339
@teknesis7339 Год назад
Would have to see how you have everything set up to know where the issue is
@PremiumFuelOnly
@PremiumFuelOnly Год назад
The Upload type: Firebase option isint available unless you enable Authentication in App settings.
@amiro.husain869
@amiro.husain869 Год назад
Is it the same thing to upload the video?
@teknesis7339
@teknesis7339 Год назад
No. Although FF is using a package for file uploads that is capable of uploading multiples of different file types (whether that be video, documents or otherwise), FF currently has it configured to only allow multiple photo uploads at one time. I suspect this is due to uploading multiple videos at one eating up a lot of resources and potentially slowing things down quite a bit. However, pub.dev does have the above referenced package and can be deployed as a custom code to achieve multiple video upload. I would caution before doing this because of the reasons listed above.
@amiro.husain869
@amiro.husain869 Год назад
@@teknesis7339 that will help, Thanks
@nikolakalev4914
@nikolakalev4914 11 месяцев назад
Really great video, thank you! I have 2 questions: 1. How we can solve the state when the user do not upload any photos, but we want to store data in the database. I'm asking in cases where the post not only consists of picures. 2. How we can limit the number of uploaded pictures?
@teknesis7339
@teknesis7339 10 месяцев назад
You can limit upload count using conditional logic and integers, or custom functions, or custom upload actions, or if using Firebase, cloud function
@Fabiotvf
@Fabiotvf Год назад
Create child tô uploaded option is red for me
@teknesis7339
@teknesis7339 Год назад
This is possibly due to updates from FF, as some of the updates they've been pushing lately have broken some tips in my tutorials
@Fabiotvf
@Fabiotvf Год назад
@@teknesis7339 :/ but nice video
Далее
Learn Bubble.io in 30 Minutes
28:45
Просмотров 34 тыс.
Mastering Alignment & Spacing
28:51
Просмотров 9 тыс.
How the hell is this done#joker #shorts
00:14
Просмотров 1,4 млн
How to use IPAdapter models in ComfyUI
27:39
Просмотров 93 тыс.
How to Use the New State Management in FlutterFlow
6:48
image upload in flutterflow
5:15
Просмотров 12 тыс.
FlutterFlow - How to Upload a Picture
5:16
Просмотров 7 тыс.
Will the battery emit smoke if it rotates rapidly?
0:11
Самый СТРАННЫЙ смартфон!
0:57
Просмотров 33 тыс.
iPhone 16 - КРУТЕЙШИЕ ИННОВАЦИИ
4:50