如何覆盖Flutter TabBar选项卡以用作FloatingActionButton？

Flutter中的TabBar选项卡可以通过使用Stack布局和Positioned组件来覆盖FloatingActionButton。下面是一个完整的示例代码：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('TabBar with FloatingActionButton'),
        ),
        body: TabBarWithFab(),
      ),
    );
  }
}

class TabBarWithFab extends StatefulWidget {
  @override
  _TabBarWithFabState createState() => _TabBarWithFabState();
}

class _TabBarWithFabState extends State<TabBarWithFab>
    with SingleTickerProviderStateMixin {
  TabController _tabController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 3, vsync: this);
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        TabBarView(
          controller: _tabController,
          children: [
            Container(
              color: Colors.red,
            ),
            Container(
              color: Colors.green,
            ),
            Container(
              color: Colors.blue,
            ),
          ],
        ),
        Align(
          alignment: Alignment.bottomCenter,
          child: Padding(
            padding: const EdgeInsets.only(bottom: 16.0),
            child: FloatingActionButton(
              onPressed: () {},
              child: Icon(Icons.add),
            ),
          ),
        ),
        Align(
          alignment: Alignment.bottomCenter,
          child: TabBar(
            controller: _tabController,
            tabs: [
              Tab(icon: Icon(Icons.home)),
              Tab(icon: Icon(Icons.search)),
              Tab(icon: Icon(Icons.person)),
            ],
          ),
        ),
      ],
    );
  }
}

在这个示例中，我们创建了一个TabBarWithFab小部件，它包含一个TabBarView和一个FloatingActionButton。通过使用Stack布局，我们将TabBarView、FloatingActionButton和TabBar叠加在一起。使用Align小部件，我们将FloatingActionButton对齐到底部中心位置。TabBarView包含了三个Container小部件，分别代表三个选项卡的内容。TabBar包含了三个Tab小部件，每个Tab小部件都有一个图标。你可以根据自己的需求自定义选项卡的内容和图标。

这是一个基本的示例，你可以根据自己的需求进行修改和扩展。如果你想了解更多关于Flutter的TabBar和FloatingActionButton的信息，可以参考腾讯云的Flutter开发文档：Flutter开发文档。