说实话，Flutter 5.0 这个版本geng新后咱就是说有hen多新玩意儿值得咱去探索哈。

今天咱要聊的，就是这个 ComDraggable 悬浮拖拽组件，哈哈，你是不是也觉得挺新鲜的？

ComDraggable 是一个通用的悬浮拖拽容器，适合承载悬浮按钮、调试入口、客服入口、快捷工具球等场景，你懂的，就是那些需要悬浮在页面上的小玩意儿。

在 pubspec.yaml 中添加依赖：dependencies: flutter_chen_common: Zui新版本

害，这个组件的使用可简单了你只需要把你的小部件丢进去就行。

来kankan怎么用：ComDraggable, child: DecoratedBox, child: Icon, ),)

那个那个，你kan，这里我们设置了初始位置和大小，然后放了一个漂亮的蓝色圆圈进去，里面有个聊天图标，是不是挺 nice 的？

不对不对，应该是说我们还Ke以自定义拖动时候的效果哦。

比如这样：ComDraggable, builder: { return AnimatedScale, child: child, ); }, child: DecoratedBox, child: Icon, ),)

你kan，这里当我们拖动的时候，小圆圈会变大一点，是不是挺有意思的？

snapToEdge 这个属性默认是开启的，也就是说当你拖拽结束后小部件会自动吸附到屏幕边缘。

但Ru果你不想这样，Ke以这样：ComDraggable( initialRight: , initialBottom: , snapToEdge: false, childSize: const Size, child: YourFloatingWidget,)

害，就这么简单，你的小部件就不会吸边了。

当前只Zuo横向吸边，纵向位置保持释放时的位置，你懂的，这样设计是有道理的。

Flutter Chen Common 是一个功Neng丰富的 Flutter 通用库，为应用开发提供一站式解决方案，说实话，这个库挺强大的。

ComDraggable 组件基于 Flutter 的一些基础Neng力实现，比如动画、手势处理等，不对不对，应该是说它封装了这些复杂的东西，让你Ke以直接拿来用。

这个 ComDraggable 组件挺好用的，Ru果你需要在你的 Flutter 应用中实现悬浮拖拽的功Neng，不妨试试kan，哈哈，保证你不会失望的！

一下

这个ComDraggable组件，不仅Ke以用于简单的悬浮按钮，还Ke以用于geng复杂的场景，比如嵌套滚动、复杂的布局等，你Ke以根据自己的需求进行定制和
。

而且，由于它是基于 Flutter 的通用库，所以你Ke以放心地在不同的平台上使用它，不用担心兼容性问题，哈哈，这点hen重要！

好了今天就聊到这里吧，希望你对ComDraggable组件有了geng深入的了解，Ru果你有任何疑问或想法，欢迎留言讨论哈！