Flutter底部导航栏如何设置无跳转路由且不可点击的item项

完全可以实现该需求。Flutter原生BottomNavigationBar没有提供直接禁用单个item的配置参数，我们可以通过交互拦截、逻辑判断的方式达成目标，以下是两种常用实现方案：

方案1：拦截onTap回调（推荐，实现成本最低） #

该方案不需要修改组件结构，仅通过逻辑判断就能实现禁用效果，适配绝大多数场景：

• 提前定义需要禁用的item的下标（默认下标从0开始计数）
• 在BottomNavigationBar的onTap回调中先做判断，若点击的是禁用下标直接return，不执行任何页面切换、路由跳转逻辑
• 可额外修改禁用item的样式为灰色，给用户明确的不可点击视觉反馈

代码示例：

int _currentIndex = 0;
// 定义需要禁用的item下标，此处示例禁用第二个item
final int _disabledIndex = 1;

@override
Widget build(BuildContext context) {
  return Scaffold(
    bottomNavigationBar: BottomNavigationBar(
      currentIndex: _currentIndex,
      items: const [
        BottomNavigationBarItem(icon: Icon(Icons.home), label: '首页'),
        BottomNavigationBarItem(icon: Icon(Icons.add), label: '发布'),
        BottomNavigationBarItem(icon: Icon(Icons.person), label: '我的'),
      ],
      // 自定义禁用态样式
      unselectedItemColor: Colors.grey,
      selectedItemColor: Colors.blue,
      onTap: (index) {
        // 命中禁用下标直接终止逻辑执行
        if (index == _disabledIndex) return;
        // 正常的页面切换逻辑
        setState(() {
          _currentIndex = index;
        });
        // 你的路由跳转逻辑写在此处
      },
    ),
  );
}

方案2：使用IgnorePointer拦截点击事件 #

如果需要完全屏蔽item本身的所有交互（比如去掉点击水波纹效果、自定义禁用态图标），可以用IgnorePointer组件包裹目标item，直接拦截所有点击事件，建议和方案1的逻辑判断组合使用，避免异常触发：
代码示例：

int _currentIndex = 0;
final int _disabledIndex = 1;

@override
Widget build(BuildContext context) {
  return Scaffold(
    bottomNavigationBar: BottomNavigationBar(
      currentIndex: _currentIndex,
      items: [
        const BottomNavigationBarItem(icon: Icon(Icons.home), label: '首页'),
        // 用IgnorePointer包裹需要禁用的item的图标，拦截所有点击事件
        BottomNavigationBarItem(
          icon: IgnorePointer(
            ignoring: true,
            child: Icon(Icons.add, color: Colors.grey.shade300),
          ),
          label: '发布'
        ),
        const BottomNavigationBarItem(icon: Icon(Icons.person), label: '我的'),
      ],
      onTap: (index) {
        if (index == _disabledIndex) return;
        setState(() {
          _currentIndex = index;
        });
      },
    ),
  );
}

两种方案组合使用可以覆盖所有场景，既能保证交互符合预期，也能给用户明确的不可点击提示。

内容的提问来源于stack exchange，提问作者Wassef Hassine