Как обрабатывать взаимодействие с перетаскиваемыми элементами в FlutterFlow?

Для обработки взаимодействия с перетаскиваемыми элементами в FlutterFlow используют виджеты Draggable и DragTarget. docs.flutterflow.io flutterflow.ru

Виджет Draggable позволяет пользователям взаимодействовать с приложением, перемещая элемент с помощью жестов касания или мыши. flutterflow.ru Чтобы добавить перетаскиваемые виджеты, нужно: docs.flutterflow.io

1. Внутри виджета Row добавить виджеты Draggable непосредственно из дерева виджетов или области холста. docs.flutterflow.io flutterflow.ru
2. Внутри виджета Draggable можно добавить любой виджет в качестве дочернего виджета. docs.flutterflow.io flutterflow.ru
3. Чтобы добавить данные к перетаскиваемым виджетам, выбрать Draggable widget > Properties Panel > Draggable Properties > указать тип данных и их значение. docs.flutterflow.io flutterflow.ru

Виджет DragTarget используется совместно с виджетом Draggable для указания места, куда можно перетащить перетаскиваемый элемент. flutterflow.ru Чтобы добавить виджет DragTarget, нужно: docs.flutterflow.io

1. Открыть палитру виджетов и найти виджет DragTarget под вкладкой «Базовые элементы». docs.flutterflow.io Можно перетащить его в желаемое место или добавить напрямую из дерева виджетов. docs.flutterflow.io
2. Внутри виджета DragTarget добавить виджет Container, желательно такого же размера, как изображение, и установить цвет его фона прозрачным. docs.flutterflow.io Это будет зона сброса для перетаскиваемых элементов. docs.flutterflow.io
3. Указать тип данных, которые будет получать этот целевой объект. docs.flutterflow.io Это важно, чтобы на цель можно было сбросить только правильные элементы. docs.flutterflow.io flutterflow.ru

Виджет DragTarget предоставляет различные события перетаскивания (обратные вызовы), которые важны для создания функций перетаскивания: docs.flutterflow.io flutterflow.ru

• On Drag Accept. docs.flutterflow.io Действия в этой секции срабатывают, когда данные сброшены над DragTarget. flutterflow.ru
• On Drag Enter. docs.flutterflow.io flutterflow.ru Действия в этой секции срабатывают, когда данные перетаскиваются над DragTarget. flutterflow.ru
• On Drag Exit. docs.flutterflow.io flutterflow.ru Действия в этой секции срабатывают, когда перетаскиваемый элемент, который ранее находился над DragTarget, покидает его область. flutterflow.ru

Важно обдумать пользовательский опыт, который нужно создать. flutterflow.ru Например, если нужно вызвать действие сразу после того, как элемент войдёт в зону сброса, используют On Drag Enter вместе с On Drag Exit. flutterflow.ru Если же действие должно произойти только после того, как предмет был сброшен, то выбирают On Drag Accept, совмещённый с On Drag Exit. flutterflow.ru