| // Copyright 2014 The Flutter Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| import 'package:flutter/material.dart'; |
| |
| /// Flutter code sample for [Draggable]. |
| |
| void main() => runApp(const DraggableExampleApp()); |
| |
| class DraggableExampleApp extends StatelessWidget { |
| const DraggableExampleApp({super.key}); |
| |
| @override |
| Widget build(BuildContext context) { |
| return MaterialApp( |
| home: Scaffold( |
| appBar: AppBar(title: const Text('Draggable Sample')), |
| body: const DraggableExample(), |
| ), |
| ); |
| } |
| } |
| |
| class DraggableExample extends StatefulWidget { |
| const DraggableExample({super.key}); |
| |
| @override |
| State<DraggableExample> createState() => _DraggableExampleState(); |
| } |
| |
| class _DraggableExampleState extends State<DraggableExample> { |
| int acceptedData = 0; |
| |
| @override |
| Widget build(BuildContext context) { |
| return Row( |
| mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
| children: <Widget>[ |
| Draggable<int>( |
| // Data is the value this Draggable stores. |
| data: 10, |
| feedback: Container( |
| color: Colors.deepOrange, |
| height: 100, |
| width: 100, |
| child: const Icon(Icons.directions_run), |
| ), |
| childWhenDragging: Container( |
| height: 100.0, |
| width: 100.0, |
| color: Colors.pinkAccent, |
| child: const Center( |
| child: Text('Child When Dragging'), |
| ), |
| ), |
| child: Container( |
| height: 100.0, |
| width: 100.0, |
| color: Colors.lightGreenAccent, |
| child: const Center( |
| child: Text('Draggable'), |
| ), |
| ), |
| ), |
| DragTarget<int>( |
| builder: ( |
| BuildContext context, |
| List<dynamic> accepted, |
| List<dynamic> rejected, |
| ) { |
| return Container( |
| height: 100.0, |
| width: 100.0, |
| color: Colors.cyan, |
| child: Center( |
| child: Text('Value is updated to: $acceptedData'), |
| ), |
| ); |
| }, |
| onAcceptWithDetails: (DragTargetDetails<int> details) { |
| setState(() { |
| acceptedData += details.data; |
| }); |
| }, |
| ), |
| ], |
| ); |
| } |
| } |