Flutter全局悬浮按钮

在Flutter中创建一个全局悬浮按钮可以使用Stack和Positioned小部件。以下是一个简单的示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Stack(
          children: <Widget>[
            // 主要内容
            Center(
              child: Text(
                '主要内容',
                style: TextStyle(fontSize: 24),
              ),
            ),
            // 全局悬浮按钮
            Positioned(
              right: 16,
              bottom: 16,
              child: Container(
                decoration: BoxDecoration(
                  shape: BoxShape.circle,
                  color: Colors.blue,
                ),
                child: IconButton(
                  icon: Icon(Icons.add),
                  color: Colors.white,
                  onPressed: () {
                    // 按钮点击事件
                    print('Floating Button Pressed');
                  },
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

这段代码创建了一个悬浮按钮，它将始终显示在屏幕的右下角，即使用户滚动或导航到其他页面也是如此。按钮是一个IconButton包含在Container中，并且Container被赋予了圆形的BoxDecoration。Stack和Positioned小部件用于将按钮定位在其他内容上方。