flutter:将FAB click listener传递到Tabbar小部件

在Flutter中，Floating Action Button（FAB）通常用于表示主要操作，而TabBar则用于在不同的视图或页面之间切换。如果你想要在点击FAB时执行与当前选中的TabBar标签相关的操作，你需要将FAB的点击事件处理器传递到TabBar小部件中。

基础概念

Floating Action Button (FAB): 是一个圆形按钮，通常位于屏幕的右下角，用于执行主要操作。

TabBar: 是一个可以切换多个页面的组件，每个标签对应一个页面。

类型与应用场景

类型: 这种模式通常用于需要在多个页面执行相同主要操作的场景。
应用场景: 如社交应用的消息发送按钮，无论用户在哪个标签页，点击FAB都应该触发发送消息的操作。

实现方法

以下是一个简单的示例代码，展示了如何将FAB的点击事件处理器传递到TabBar小部件中：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 3,
        child: Scaffold(
          appBar: AppBar(
            bottom: TabBar(
              tabs: [
                Tab(icon: Icon(Icons.directions_car)),
                Tab(icon: Icon(Icons.directions_transit)),
                Tab(icon: Icon(Icons.directions_bike)),
              ],
            ),
          ),
          body: TabBarView(
            children: [
              Center(child: Text('Car Page')),
              Center(child: Text('Transit Page')),
              Center(child: Text('Bike Page')),
            ],
          ),
          floatingActionButton: FloatingActionButton(
            onPressed: () {
              // 这里可以调用传递下来的点击事件处理器
              print('FAB clicked!');
            },
            child: Icon(Icons.add),
          ),
        ),
      ),
    );
  }
}