darg_container_anywhere.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter App',
      theme: ThemeData(
        colorSchemeSeed: Colors.indigo,
        useMaterial3: true,
        brightness: Brightness.light,
      ),
      darkTheme: ThemeData(
        colorSchemeSeed: Colors.blue,
        useMaterial3: true,
        brightness: Brightness.dark,
      ),
      home: const HomePage(),
      debugShowCheckedModeBanner: false,
    );
  }
}
class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  double buttonXPos = 0;
  double buttonYPos = 0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          AnimatedPositioned(
            duration: const Duration(milliseconds: 0),
            top: buttonYPos,
            left: buttonXPos,
            child: Draggable(
              childWhenDragging: SizedBox(),
              child: Container(
                width: 100,
                height: 40,
                color: Colors.red,
              ),
              feedback: Container(
                width: 100,
                height: 40,
                color: Colors.red,
              ),
              onDragUpdate: (DragUpdateDetails details) {
                setState(() {
                  buttonXPos = details.globalPosition.dx;
                  buttonYPos = details.globalPosition.dy;
                });
              },
              onDragEnd:(DraggableDetails details) {
                setState(() {
                  buttonXPos = details.offset.dx;
                  buttonYPos = details.offset.dy;
                });
              },
            )
          ),
        ],
      ),
    );
  }
}