ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
How-To Implement Multi-Upload and Multi-Object Creation in Flutterflow
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2023
- Create an upload input to allow the user to mass upload images. Use a custom function and a loop to iterate through the list of uploaded images and page states to keep track of the index.
**You don't need a custom function for this. You can just use the condition "index is less than number of images" for the loop.
nicely done!
Your video came so handy and in the right time for me!!! Thank you very much for sharing your smart approach!! Keep doing more videos!!! You got one more follower 🙏🏻
Thank you!! Glad it helped!
Thanks for the video! This was very helpful!
So glad I could help!
super great tutorial and idea! thanks
Glad it was helpful!
Your solution saved me a lot of time and frustration I was looking for a way to achieve this, thanks
Yay! So glad it helped!
very nicely done!! great video!
So glad it was helpful :)
This is perfect Aanya! THank you, was searching for a way to accomplish this with my limited Dart knowledge. Time to update my album feature :D CHeers!
Glad it helped!!!
Aanya I finally got to this and you're a wiz and a gem for posting this up. Worked beautifully! And I learnt a few things along the way with Custom Functions as I dread them, but you gave me some hope :) Thank you!
Hi Aanya I like your tutorial very detailed and beginner-friendly. Could you make another one on how we can delete each of these photos? Thank you so much.
wow i love this tutorial it has helped me alot thanks hope you will continue to make more flutterflow tutorials. if you could make one for bus ticket booking app
I’m glad it was helpful! I’ll look into the Bus Ticket Booking App!
thanks@@originalstrokes
@@andeoyebrayan8189 Of course!
thanks for this tutorial! Do you have a way of uploading a picture one by one from the camera and uploading to firebase? I notice the option disappears with camera upload.
Glad it was helpful! I don’t currently have a tutorial on that but I’ll look into it!
This is a super helpful video Aanya, thank you!
I tried following this but got stuck around 1m 22, when i tried to repeat the steps on my end, I try and set the Auth value to "User reference" but then I have to select "available" options from a dropdown. But the only option is "Document ID" which is red and unselectable :( any ideas?
Thanks so much,
Stuart
You need to query the database in the page scaffold first so the page gets the context.
why do you need to use a function? you can just use a single condition " index is less than number of list of images" for the loop?
Good catch! I just edited the description to mention this!
So for the new guy, how do I set this condition?@@originalstrokes
@@mckaysmith679Instead of writing a whole custom function, choose “code expression”. Then make two arguments, index and listItems, and make both of them integers. Set index to the custom state and listItems to the count of uploaded items. Then make the return type boolean. Just type in “return index
Hi! Thanks a lot for your tutorial! Do you mind sharing this as a flutterflow clone?
Didn’t save the original or I would have. Sorry about that. Hope the video is helpful enough
This is a good solution. However, my concern is that it will create many documents for each image in Firebase, significantly increasing the number of reads per user, especially if you have thousands or hundreds of thousands of users. Wouldn't it be better to store a list of images under the users' collection instead of having a separate collection for images?
With this implementation it is easier for multiple users to access the same set of images (think about a soccer team or class that wants to access shared images). Regardless of the database structure, the overall idea is the same and I encourage you to tweak it to fit your app specifications!
You don’t really need a custom function or action for this. You can straight away in the loop action 1 check if index is greater than number of items in the list. Everything else is just perfect 👌
Switching between coding and no code is tough. Great point and I’ve added this to the description of the video. Thank you!
The learning I got from the video was awesome. Using the loop and index is the trick we can leverage basically in any action. Kudos to you for teaching me that 🙂
It's not working from my end. Even there's no option like "update widget state" only update page state is available 9:59
The screen is just loading while trying to run/test
did you find any solution for that problem? doesnt work for me also @Aanya Shah
Any news to this?
Update Page State should do the same thing as we made the variable a local page variable. Flutterflow might have just changed their interface and naming a bit since then. Let me know if that works.
@@originalstrokes it works pretty well thanks again!
Is this possible with videos?
I think so but I’ll check it out and get back to you on that.
Aanya, thank you for your tutorials!
Check the time 5:02 and 5 seconds further (th-cam.com/video/RRH68KhM-Ho/w-d-xo.html).
It is tutorial for the FlutterFlow, but you mentioned "Bubble". :-)
It's hard to play two different instruments at the same time, isn't it?
Good catch! In my head I have to keep switching back and forth! I edited this whole video and still didn’t realize I said Bubble instead of Flutterflow. 😂😂