Implementing Drag and Drop

<Draggable
  child: Container(
    width: 100,
    height: 100,
    color: Colors.blue,
    child: Text('Drag me'),
  ),
  feedback: Container(
    width: 100,
    height: 100,
    color: Colors.blue.shade300,
  ),
  data: 'Dragged item',
/>

class SimpleDragTarget extends StatefulWidget {
  @override
  _SimpleDragTargetState createState() => _SimpleDragTargetState();
}

class _SimpleDragTargetState extends State<SimpleDragTarget> {
  String droppedData = "";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Drag Target Example")),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text("Dropped data: $droppedData"),
            DragTarget<String>(
              onAccept: (data) {
                setState(() {
                  droppedData = data;
                });
              },
              builder: (context, candidateData, rejectedData) {
                return Container(
                  width: 200,
                  height: 100,
                  decoration: BoxDecoration(
                    border: Border.all(color: Colors.blue, width: 2),
                    color: Colors.lightBlue[100],
                  ),
                  child: Center(
                    child: Text("Drop here"),
                  ),
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}

LongPressDraggable<String>(
  data: 'Dragged Item',
  feedback: Container(
    child: Text('Dragging...'),
  ),
  child: Card(
    child: Text('Drag me!'),
  ),
)

class CustomDragFeedback extends StatelessWidget {
  final Widget child;

  const CustomDragFeedback({Key? key, required this.child}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 100,
      height: 100,
      decoration: BoxDecoration(
        color: Colors.blue.withOpacity(0.7),
        borderRadius: BorderRadius.circular(8),
      ),
      child: Center(
        child: Text(
          'Dragging...',
          style: TextStyle(color: Colors.white),
        ),
      ),
    );
  }
}

// Usage in a DragTarget
DragTarget<String>(
  builder: (context, candidateData, rejectedData) {
    return Container(
      width: 200,
      height: 100,
      color: Colors.grey[300],
      child: Center(child: Text('Drop here')),
    );
  },
  feedback: CustomDragFeedback(
    child: Container(
      width: 50,
      height: 50,
      color: Colors.red,
    ),
  ),
  onAccept: (data) {
    // Handle drop
  },
)

import 'package:flutter/material.dart';

class DraggableWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onDragStart: (details) => print("Drag started"),
      onDragUpdate: (details) => print("Dragging at ${details.globalPosition}"),
      onDragEnd: (details) => print("Drag ended"),
      child: Container(
        width: 100,
        height: 100,
        color: Colors.blue,
      ),
    );
  }
}

class DismissibleExample extends StatefulWidget {
  @override
  _DismissibleExampleState createState() => _DismissibleExampleState();
}

class _DismissibleExampleState extends State<DismissibleExample> {
  List<String> items = List.generate(20, (i) => "Item $i");

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: items.length,
      itemBuilder: (context, index) {
        return Dismissible(
          key: Key(items[index]),
          direction: DismissDirection.endToStart,
          background: Container(color: Colors.red),
          onDismissed: (direction) {
            setState(() {
              items.removeAt(index);
            });
          },
          child: ListTile(
            title: Text(items[index]),
          ),
        );
      },
    );
  }
}

Dismissible(
  key: Key('dismissible_item'),
  direction: DismissibleDirection.up,
  onDismissed: (direction) {
    print('Dismissed in direction: $direction');
  },
  child: ListTile(
    title: Text('Swipe me up'),
  ),
)

ReorderableListView(
  onReorder: (oldIndex, newIndex) {
    setState(() {
      if (newIndex > oldIndex) {
        newIndex -= 1;
      }
      final item = items.removeAt(oldIndex);
      items.insert(newIndex, item);
    });
  },
  children: items.map((item) => ListTile(
    key: ValueKey(item),
    title: Text(item),
  )).toList(),
)

class CustomDraggable extends StatefulWidget {
  @override
  _CustomDraggableState createState() => _CustomDraggableState();
}

class _CustomDraggableState extends State<CustomDraggable> {
  @override
  Widget build(BuildContext context) {
    return Draggable<String>(
      data: 'Dragged Item',
      feedback: Container(
        width: 100,
        height: 100,
        child: Text('Dragging...'),
      ),
      child: Container(
        width: 100,
        height: 100,
        child: Text('Drag Me'),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('DraggableScrollableSheet Example')),
        body: DraggableScrollableSheet(
          initialChildSize: 0.5,
          minChildSize: 0.25,
          maxChildSize: 0.75,
          builder: (BuildContext context, ScrollController scrollController) {
            return Container(
              color: Colors.blue[100],
              child: ListView.builder(
                controller: scrollController,
                itemCount: 50,
                itemBuilder: (BuildContext context, int index) {
                  return ListTile(
                    title: Text('Item $index'),
                  );
                },
              ),
            );
          },
        ),
      ),
    );
  }
}