Awesome QR Codes in
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Custom Widgets are a fantastic option in #FlutterFlow if you are looking to extend your project with extended functionality. In this video I take you through a full walkthrough on how to implement QR Codes within FlutterFlow using #lowcode Custom Widgets. It's fully beginner friendly and an awesome introduction with a good use case! Hope you enjoy the video!
Project to clone and follow along: app.flutterflow.io/project/q-...
Final Project: app.flutterflow.io/project/a-...
Pub.Dev package: pub.dev/packages/qr_bar_code
00:00 Introduction
00:42 UI Introduction
01:15 Looking for an external package
04:59 Creating a Custom Widget
08:26 Adding package logic for our QR Code
15:41 Using the Custom Widget
18:06 Connecting a parameter to our package
19:22 Customising our QR Code
26:52 Setting the QR Code colours
28:07 Further QR Code customisation
32:49 Outro
_____
🚀 The Digital Pro's NoCode Academy: www.thedigitalpro.co.uk/
🔥 If you love my content why not consider buying me a coffee, it's really appreciated: www.thedigitalpro.co.uk/coffee
👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: www.thedigitalpro.co.uk/flutt...
🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.
🔥 Looking for more content, further content, and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at www.thedigitalpro.co.uk
Hey man! QR codes are fully supported in Flutterflow! You just need to add a barcode widget to your project and change its value from 1D to 2D, and voila! It'll transform into a QR code. 😄
By the way, could you please create a tutorial on how to save/download QR codes to the gallery? I'm eager to implement it in one of my apps, but as a beginner with custom code, it's proving to be quite challenging. Your guidance would be immensely appreciated. And by the way, I absolutely love your content! 🫶🏻 Keep up the fantastic work and keep those videos coming! ✨
You are absolutely correct and actually I never used the barcode widget to create QR codes. The only real problem though is they are not very customisable. I'm glad my video goes in-depth in running through a scenario using a Custom Widget to help users engage with this as an option. I do like the look of these QR codes though. I've also made a note of your request. ;)
@sub.z Thank you so much for this comment!!!
Great tutorial, thanks!
You're welcome!
Bro, I lova yaaaaa! Thx soo much for this tutorial. I faild so many times trying to load the custom qr code! Thanks a lot!!!!!
Hey no worries. Glad I helped. Thank you.
Fantastic!!! I subscribed your channel. Thanks! 🙂
Thank you very much. Glad to have you part of the journey. All the best.
Your teaching skills remains one of the best on the market right now tbh👌🏾💯
Thank you for the awesome comments!
Great tool great video, really better than most of the popular channels.
Thank you very much 👍
Perfect tutorial thank you so much. I would love to have one about how to properly integrate a fortune wheel because as of now Im struggling a little with it. But thank you so much for all your awesome content.
Subscribed!
Thank you very much
вау, потрясный видос, пасибо большое)
Great video! Learned a lot from! Also the way youre explaining is so good!
Could you also make such a video on how to scan a qr/bar code via custom widget?
First point would be to find the best way to return the scanned value.
Second reason would be that the qrcode widget in flutterflow does not support webapps 😢
Thanks ❤❤❤❤❤❤
You're welcome 😊
Great great great tutorial ❤️💜💚🩵
Many many thanks
Great Video however one important thing missing, how we can share the QR code as an image thru the other mobile apps such telegram, WhatsApp, facebook, twitterX, etc.
Thanks for this Video! Could we see how this can be passed into a variable to an email api be downloaded. I assume it would be converting into an image and stored in a cloud but maybe there is a better shorter way to do this. Would be of great help!
It is giving an error, while compiling it says The argument type 'List' can't be assigned to the parameter type 'String
Hello, can you help me? it appears an error when i try to compiling: "Error: Failed running flutter pub get...Because qr_bar_code >=1.2.0 depends on plugin_platform_interface ^2.1.5 and custom_widget depends on plugin_platform_interface 2.1.3, " what can i do to resolve this?
Hi thanks for your message. I'm away from my computer at this moment but make sure the version of the package you are brining in to your FlutterFlow project matches the version from the video. Check that first.
Make sure you set your dependency as qr_bar_code: ^1.0.0 within the GenerateQRCode custom widget and NOT anything else. Try that!
@@the_digitalpro the same, i don't know, i go to the version 1.0.0 and copy and paste, and it appears again like if I put the version 1.2.0.
@@the_digitalpro same problem here with 1.2.0 or 1.0.0
guys, add "plugin_platform_interface: ^2.1.4" to your dependencies
This might be a dumb question, but how do you know which parameters to set up prior to building your custom widget?
No question is dumb ;). You do not need to pass in every parameter that a custom widget makes available. Only pass in the ones you need to modify within the custom widget. For example colours, text etc. Pub.dev typically will show you what is available within the package itself. I hope I understand your question okay?
Hello, how can i autofill fields scanning a barcode with flutterflow?
Can you do a video with reading and writing NFC tags? I’m really having trouble with it. Like a simple app that writes an identifier to a tag and when you read that tag it pulls all the info from the database. I know it’s a very nice use case but the exercise might be very informative.
Thank you so much, need one more help from your side, I want to share this QRCode on what's app , how can I share this qrcode with details
Hye, Could you please send this code file, I am not able to preview (QRCode). and I write exact code but getting so many errors.
Hello. Of course. I have just added it to the description of the video. Good luck!
@@the_digitalpro Thank you so much, need one more help from your side, I want to share this schreenshot on whatup , how can I share this qrcode with details
I really love ur videos man🥰
Please, if u can do this for me I would be very grateful, can u make a tutorial on how I can make a token system on my app, as chatgpt, because am creating an app using it's API, and I want to charge users with tokens thanks.
Love it, could you also make an another video to customise a qr scanner. The default qr scanner doesnt have any customization and I have tried to make a custom widget but couldnt do so. Would really really mean a lot! Thanks in advance. :)
Which QR scanner have you not had much joy with? Can you recall the name?
@@the_digitalpro The one that comes default in flutterflow. I havnt been able to make a custom widget either. Would be nice if you could make a video on this.
Hi, how do you do it with the "embeddedImage"?
Hello. Can you explain to me a little more about what you are looking to achieve. I am not entirely sure of your question. Thank you.
@@the_digitalpro Thanks for your reply. Actually i replied already properly, but seems like it’s for some reason not posted. However, i want to add a cantered image in the qr code as a variable. Which means i have to use the ImageProvider. I tried many ways without success, maybe you can explain it to me in a basic way to have at least a direction to continue with my process.
thanks and best regards.
Great video bro ... How do i print this QR code ?
Hi thanks. You might find this video useful which adds more features. th-cam.com/video/agjX9wGewKA/w-d-xo.html