Flutter：TabBar仅在指定Tab页禁用单侧滑动的技术问询

我完全理解你的需求——只在显示第3个Tab（索引为2）时禁用滑动，其他Tab页面保持正常的左右滑动交互，全局设置NeverScrollableScrollPhysics()确实会一刀切，不符合你的场景。我们可以通过动态绑定TabController的当前索引，来切换滑动物理属性，完美实现这个需求。

具体实现步骤： #

1. 维护TabController并监听索引变化
   首先需要在你的State类中初始化TabController，并监听它的索引变化，这样我们能实时知道当前显示的是哪个Tab：

late TabController _tabController;

@override
void initState() {
  super.initState();
  // 初始化控制器，长度对应你的4个Tab
  _tabController = TabController(length: 4, vsync: this);
  // 监听Tab切换，触发状态更新
  _tabController.addListener(() {
    setState(() {});
  });
}

@override
void dispose() {
  // 别忘了销毁控制器，避免内存泄漏
  _tabController.dispose();
  super.dispose();
}

2. 动态设置TabBarView的physics属性
   在TabBarView组件中，根据当前_tabController.index的值来决定是否启用滑动：

TabBarView(
  controller: _tabController,
  // 只有当前索引为2时禁用滑动，其他情况保持可滑动
  physics: _tabController.index == 2 
      ? const NeverScrollableScrollPhysics() 
      : const AlwaysScrollableScrollPhysics(),
  children: const [
    // 替换成你自己的4个Tab内容组件
    Tab1Page(),
    Tab2Page(),
    Tab3Page(),
    Tab4Page(),
  ],
)

效果说明： #

• 当用户在索引0、1、3的Tab页面时，左右滑动完全正常，和原生体验一致；
• 一旦切换到索引2的Tab页面，滑动操作会被彻底禁用，用户无法通过滑动的方式进入索引3的Tab；
• 用户仍然可以通过点击TabBar上的其他Tab按钮进行切换，只有滑动操作在指定Tab被限制。

内容的提问来源于stack exchange，提问作者Ali Izadyar