Flutter：CupertinoTabScaffold - TabView 导航中 Android 上的后退按钮关闭应用程序

Question

我有一个使用 CupertinoApp-CupertinoTabScaffold 的应用程序。

我的应用程序的层次结构

CupertinoApp
- CupertinoTabScaffold
-- CupertinoTabView
--- Home
---- Movie list
----- Movie Detail
--- Search
---- Movie Search List
----- Movie Detail
--- Profile
--- Settings

我刚刚在 Android 上意识到，当我点击后退按钮时，即使在电影详细信息（从任何选项卡）中应用程序也会关闭。

后退按钮应该是真正从电影详情返回。

我搜索了 5 天，没有找到任何解决方案或变通方法。

此致，

Utku Y.

Answer 1

这个问题困扰我很久了，经过大量搜索，我找到了这个完美的解决方案：This solution is 100% accurate.希望对您有所帮助。我们正在寻求 Keys 的帮助，我已经添加了代码，如果您不明白，请问我。

    ///these are KEYS which are assigned to every Tab,
///the problem of navigation is solved by these KEYS
final GlobalKey<NavigatorState> firstTabNavKey = GlobalKey<NavigatorState>();
final GlobalKey<NavigatorState> secondTabNavKey = GlobalKey<NavigatorState>();
final GlobalKey<NavigatorState> thirdTabNavKey = GlobalKey<NavigatorState>();

CupertinoTabController tabController;

@override
void initState() {
  // TODO: implement initState
  super.initState();
  tabController = CupertinoTabController(initialIndex: 0);
}

@override
Widget build(BuildContext context) {
  //making a list of the keys
  final listOfKeys = [firstTabNavKey, secondTabNavKey, thirdTabNavKey];

  List homeScreenList = [
    //list of different screens for different tabs
  ];
  return CupertinoApp(
    //this is important
    home: WillPopScope(
      onWillPop: () async {
        return !await listOfKeys[tabController.index].currentState.maybePop();
      },
      child: CupertinoTabScaffold(
        controller: tabController, //set tabController here
        tabBar: CupertinoTabBar(
          items: [
            ///this is where we are setting aur bottom ICONS
            BottomNavigationBarItem(
                label: 'AddClass',
                icon: Icon(CupertinoIcons.add_circled_solid)),
            BottomNavigationBarItem(
                label: 'Profile', icon: Icon(CupertinoIcons.person_solid)),
            BottomNavigationBarItem(
                label: 'Joined', icon: Icon(CupertinoIcons.xmark_circle_fill)),
          ],
          // currentIndex: pageIndex,
        ),
        tabBuilder: (
          context,
          index,
        ) {
          return CupertinoTabView(
            navigatorKey: listOfKeys[
                index], //set navigatorKey here which was initialized before
            builder: (context) {
              return homeScreenList[index];
            },
          );
        },
      ),
    ),
  );
}

Flutter：CupertinoTabScaffold - TabView 导航中 Android 上的后退按钮关闭应用程序

Flutter : CupertinoTabScaffold - Back button close app on Android from TabView's navigation

flutter

flutter-cupertino