Flutter: GridView的最后一个元素上的FloatingActionButton

import 'package:flutter/material.dart';
import 'package:flutter_speed_dial/flutter_speed_dial.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('GridView with FloatingActionButton'),
        ),
        body: GridView.builder(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3, // 设置每行显示的列数
          ),
          itemCount: 10, // 假设GridView中有10个元素
          itemBuilder: (BuildContext context, int index) {
            // 在最后一个元素上添加FloatingActionButton
            if (index == 9) {
              return Stack(
                children: [
                  Placeholder(), // 替换为GridView中的实际元素
                  Align(
                    alignment: Alignment.bottomRight,
                    child: SpeedDial(
                      // FloatingActionButton的相关设置
                      // 可根据需求自行调整样式和功能
                      child: Icon(Icons.add),
                      animatedIcon: AnimatedIcons.menu_close,
                      children: [
                        SpeedDialChild(
                          child: Icon(Icons.save),
                          label: 'Save',
                          onTap: () {},
                        ),
                        SpeedDialChild(
                          child: Icon(Icons.delete),
                          label: 'Delete',
                          onTap: () {},
                        ),
                      ],
                    ),
                  ),
                ],
              );
            } else {
              return Placeholder(); // 替换为GridView中的实际元素
            }
          },
        ),
      ),
    );
  }
}