#FlutterFlow - Build a Multi Select Component with Callback Parameters
A very common scenario in #FlutterFlow is to have the ability to select 1 or more options from a list. In FlutterFlow there could be a number of different ways to perform this using standard out of the box widgets BUT often you want to add some custom design to make your application stand out.
In this video we create a custom designed #component which utilises the power of #callbacks to allow users to select one of more options and return these back to the calling page. It also supports passing back in the list of selections which allow for the options to be changed once more.
This video is in two parts with Part 1 focusing on the design aspect and in Part 2 we cover the more functional aspects of the build. Once you have completed this video you will be more comfortable with UX design and component callbacks in FlutterFlow.
_____
Starter Project - https://app.flutterflow.io/project/n-c-a-sample-multi-check-options-starter-o0z5kk
Final Project - https://app.flutterflow.io/project/n-c-a-sample-multi-check-options-final-a2l8pg
🔥 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:36 Application Example
02:20 Starter Project Walkthrough
04:37 Part 1 - Commence component build
09:50 Continue Component UX additions
11:06 Further component UX additions
16:03 Displaying our component as a dialog
17:22 Application test
17:59 Part 2 - Functionality with Component Parameters
20:11 Persisting component parameters to component state
21:42 Display our selections from App State
24:36 Adding actions to track option selections
27:12 Conditional visibility option to track selected options
28:25 Application test
29:02 Setup our callback
32:13 Application test
32:50 Summary and 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.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «#FlutterFlow - Build a Multi Select Component with Callback Parameters», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.