Flutter 监听 tabBar 左右滑动事件

在 Flutter 中，可以通过使用 `TabBarView` 和 `PageView` 来实现 TabBar 的左右滑动事件监听。具体步骤如下：

1. 创建一个 `TabController` 对象，并将其与 `TabBar` 和 `TabBarView` 绑定：

TabController _tabController;

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

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

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('Tab Bar Example'),
      bottom: TabBar(
        controller: _tabController,
        tabs: [
          Tab(text: 'Tab 1'),
          Tab(text: 'Tab 2'),
          Tab(text: 'Tab 3'),
        ],
      ),
    ),
    body: TabBarView(
      controller: _tabController,
      children: [
        Container(color: Colors.red),
        Container(color: Colors.green),
        Container(color: Colors.blue),
      ],
    ),
  );
}

2. 使用 `PageView` 包裹 `TabBarView`，并监听 `PageView` 的 `onPageChanged` 事件，以获取左右滑动事件：

PageController _pageController;

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

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

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('Tab Bar Example'),
      bottom: TabBar(
        controller: _tabController,
        tabs: [
          Tab(text: 'Tab 1'),
          Tab(text: 'Tab 2'),
          Tab(text: 'Tab 3'),
        ],
      ),
    ),
    body: PageView(
      controller: _pageController,
      children: [
        Container(color: Colors.red),
        Container(color: Colors.green),
        Container(color: Colors.blue),
      ],
      onPageChanged: (index) {
        _tabController.animateTo(index);
      },
    ),
  );
}

这样，就可以通过监听 `PageView` 的 `onPageChanged` 事件来获取 TabBar 的左右滑动事件了。注意，需要在 `onPageChanged` 事件中手动调用 `_tabController.animateTo(index)` 来更新 TabBar 的状态。