Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
#FlutterFlow Drag & Drop - Up and Running - Full Walkthrough!
Play lesson

FlutterFlow for Beginners - #FlutterFlow Drag & Drop - Up and Running - Full Walkthrough!

5.0 (0)
10 learners

What you'll learn

This course includes

  • 48.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

#FlutterFlow can now support Drag & Drop functionality and in this video I demonstrate how to use these new widgets with a full walkthrough an sample project. The demo application shows you how to have two Drag Target widgets which can be used to support the same draggable widget both in and out. All decision making is done purely in FlutterFlow with no custom code. The sample also uses a Custom Data Type which could easily be updated to use rows from a database. Additionally this sample contains the use of a reusable Action Block which is used to determine if a staff member is already in a list. If the result is false we can conditionally add the staff member to the respective list. This is required to prevent multiple items from being added. Note: If you are wondering why I used a rich text widget in the staff component for the name this is because, with a text widget, an underline appears when you drag. Very odd! _____ Starter Project - https://app.flutterflow.io/project/n-c-a-staff-drag-drop-starter-tsq59s Final Project - https://app.flutterflow.io/project/n-c-a-tasks-drag-drop-final-0kzgjr 🔥 Looking for more content and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at https://www.thedigitalpro.co.uk _____ Chapters 00:00 Introduction 00:32 Application Demo 01:59 Starter project walkthrough 06:16 Drag Targets Widget 08:46 Draggable Widget 10:36 Progress check 11:28 Commence logic implementation 14:50 Logic checks using an Action Block 20:01 Using the Action Block 22:09 Adding functionality to the next Drag Target 24:45 Using additional Drag Target events 26:54 Summary + Outro _____ 🚀 The Digital Pro's NoCode Academy: https://www.thedigitalpro.co.uk (Support the channel and go ad-free! 😉) 🔥 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.

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere