使用PersistentTabView切换至购物车页后，Navigator.pop()出现黑屏求助

问题原因 #

PersistentTabView的标签页并非存在于全局Navigator栈中，而是由组件自身管理的页面集合。当你在购物车标签页中调用Navigator.of(context).pop()时，该context对应的导航栈没有上一页，pop后就会出现黑屏。而通过push跳转购物车页面时，是将页面加入全局导航栈，pop自然回到上一页，所以功能正常。

解决方案 #

不要用Navigator.pop()，而是通过PersistentTabController切换回之前的标签页，具体步骤如下：

1. 在NavigationMenu中记录上一个活跃标签页索引 #

修改NavigationMenuState，添加变量记录上一个非购物车的标签页索引：

class NavigationMenuState extends State<NavigationMenu> {
  bool isBottomBarVisible = true;
  final PersistentTabController _controller = PersistentTabController(initialIndex: 0);
  int _lastActiveIndex = 0; // 新增：记录上一个活跃的非购物车标签页

  @override
  void initState() {
    super.initState();
    _controller.addListener(_handleTabSelection);
  }

  void _handleTabSelection() {
    // 只有当前切换的不是购物车页面时，更新上一个索引
    if (_controller.index != 2) {
      _lastActiveIndex = _controller.index;
    }
    setState(() {});
  }

  // ... 其余代码保持不变
}

2. 修改购物车页面返回按钮逻辑 #

将Navigator.of(context).pop()替换为切换到上一个活跃标签页：

IconButton(
  icon: const Icon(Icons.arrow_back, color: Colors.black),
  onPressed: () {
    // 获取PersistentTabController实例
    final tabController = PersistentTabController.of(context);
    if (tabController != null) {
      // 跳转到上一个活跃的标签页
      tabController.jumpTo(_lastActiveIndex);
    }
  },
),

补充说明 #

如果希望点击返回按钮时直接回到首页（索引0），可以简化为：

onPressed: () {
  final tabController = PersistentTabController.of(context);
  tabController?.jumpTo(0);
},

这样处理后，点击购物车页面的返回按钮就会切换到之前的标签页，同时底部导航栏也会正常显示，不会出现黑屏问题。

内容的提问来源于stack exchange，提问作者Pradeep Kumar