flutter-可拖动悬浮按钮

最新推荐文章于 2025-09-24 13:18:16 发布

原创

最新推荐文章于 2025-09-24 13:18:16 发布 · 2.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android #ios

本文介绍了如何在Flutter应用中创建一个可拖动的悬浮按钮，适用于Android和iOS平台。通过自定义手势处理，实现用户可以自由调整悬浮按钮的位置。

组件

import 'package:flutter/material.dart';

class FloatButton extends StatefulWidget {
   
   
  FloatButton({
   
   Key key}) : super(key: key);

  @override
  _FloatButtonState createState() => _FloatButtonState();
}

class _FloatButtonState extends State<FloatButton> {
   
   
  Offset offsetA = Offset(20, kToolbarHeight + 100); //按钮的初始位置

  @override
  Widget build(BuildContext context) {
   
   
    final size = MediaQuery.of