Back to Browse

Awesome QR Codes in #FlutterFlow using Custom Widgets

12.5K views
Jul 1, 2023
33:33

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: https://app.flutterflow.io/project/q-r-code-starter-t8sedr Final Project: https://app.flutterflow.io/project/a-i-gen-features-t3ypv7 Pub.Dev package: https://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: https://www.thedigitalpro.co.uk/ 🔥 If you love my content why not consider buying me a coffee, it's really appreciated: https://www.thedigitalpro.co.uk/coffee 👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: https://www.thedigitalpro.co.uk/flutterflow 🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.

Download

1 formats

Video Formats

360pmp457.1 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Awesome QR Codes in #FlutterFlow using Custom Widgets | NatokHD