iOS端应用界面缩小问题排查（使用auto_route的AutoTabsRouter）

应用在iOS平台启动时出现界面缩小的情况，Android端无此问题。当前使用auto_route进行导航，Widget树上层未使用缩进类组件，针对AutoTabsRouter的底部面板，可能的原因如下：

• iOS安全区适配逻辑异常：你通过MediaQuery.maybePaddingOf(context)?.bottom获取底部安全区内边距，但如果当前context不是根上下文，可能获取到错误的安全区数值，导致底部导航栏的padding计算错误，挤压页面内容引发缩放。
• 空白BottomNavigationBarItem的布局冲突：第三个导航项使用SizedBox.shrink()作为空白占位，iOS系统对BottomNavigationBar的空白Item布局逻辑和Android存在差异，可能导致整个底部导航栏的布局偏移，间接引发页面内容缩放。
• AutoTabsRouter初始渲染的约束问题：iOS上AutoTabsRouter初始化时，可能因为路由切换的动画优先级或布局计算时机问题，导致初始页面的约束未正确匹配屏幕尺寸，出现界面缩小。
• Stack组件的布局计算差异：底部导航栏用Stack包裹了BottomNavigationBar和悬浮按钮，iOS和Android对Stack的布局计算逻辑存在细微差异，当悬浮按钮的padding处理不当，可能导致BottomNavigationBar被挤压，进而影响页面整体布局缩放。

使用AutoTabsRouter的核心代码块 #

Widget build(BuildContext context) {
    return AutoTabsRouter(
      routes: const [
        HomeRoute(),
        BranchesRoute(),
        QrCodeRoute(),
        NewsRoute(),
        ProfileRoute(),
      ],
      builder: (context, child) {
        final tabsRouter = AutoTabsRouter.of(context);
        return Scaffold(
          body: child,
          bottomNavigationBar: Stack(
            alignment: Alignment.center,
            children: [
              BottomNavigationBar(
                currentIndex: tabsRouter.activeIndex,
                onTap: (index) => _openPage(context, index, tabsRouter),
                items: [
                  BottomNavigationBarItem(
                    label: LocaleKeys.main.tr(),
                    icon: const ImageIcon(
                      AssetImage(IconHelper.iconJiraffe),
                    ),
                  ),
                  BottomNavigationBarItem(
                    label: LocaleKeys.branches.tr(),
                    icon: const ImageIcon(
                      AssetImage(IconHelper.branches),
                    ),
                  ),
                  const BottomNavigationBarItem(
                    icon: SizedBox.shrink(),
                    label: '',
                  ),
                  BottomNavigationBarItem(
                    label: LocaleKeys.news.tr(),
                    icon: const ImageIcon(
                      AssetImage(IconHelper.news),
                    ),
                  ),
                  BottomNavigationBarItem(
                    label: LocaleKeys.profile.tr(),
                    icon: const ImageIcon(
                      AssetImage(IconHelper.user),
                    ),
                  ),
                ],
              ),
              Padding(
                padding: EdgeInsets.only(
                  bottom: MediaQuery.maybePaddingOf(context)?.bottom ?? 0,
                ),
                child: ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    backgroundColor: ThemeHelper.gray13,
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(10),
                    ),
                    padding: const EdgeInsets.symmetric(
                      vertical: 6,
                      horizontal: 14,
                    ),
                  ),
                  child: SvgPicture.asset(IconHelper.viewfinder),
                  onPressed: () => _showModalBottomSheet(context),
                ),
              ),
            ],
          ),
        );
      },
    );
}

新闻页面代码（注：代码与上述核心代码重复，推测为粘贴失误） #

Widget build(BuildContext context) {
    return AutoTabsRouter(
      routes: const [
        HomeRoute(),
        BranchesRoute(),
        QrCodeRoute(),
        NewsRoute(),
        ProfileRoute(),
      ],
      builder: (context, child) {
        final tabsRouter = AutoTabsRouter.of(context);
        return Scaffold(
          body: child,
          bottomNavigationBar: Stack(
            alignment: Alignment.center,
            children: [
              BottomNavigationBar(
                currentIndex: tabsRouter.activeIndex,
                onTap: (index) => _openPage(context, index, tabsRouter),
                items: [
                  BottomNavigationBarItem(
                    label: LocaleKeys.main.tr(),
                    icon: const ImageIcon(
                      AssetImage(IconHelper.iconJiraffe),
                    ),
                  ),
                  BottomNavigationBarItem(
                    label: LocaleKeys.branches.tr(),
                    icon: const ImageIcon(
                      AssetImage(IconHelper.branches),
                    ),
                  ),
                  const BottomNavigationBarItem(
                    icon: SizedBox.shrink(),
                    label: '',
                  ),
                  BottomNavigationBarItem(
                    label: LocaleKeys.news.tr(),
                    icon: const ImageIcon(
                      AssetImage(IconHelper.news),
                    ),
                  ),
                  BottomNavigationBarItem(
                    label: LocaleKeys.profile.tr(),
                    icon: const ImageIcon(
                      AssetImage(IconHelper.user),
                    ),
                  ),
                ],
              ),
              Padding(
                padding: EdgeInsets.only(
                  bottom: MediaQuery.maybePaddingOf(context)?.bottom ?? 0,
                ),
                child: ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    backgroundColor: ThemeHelper.gray13,
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(10),
                    ),
                    padding: const EdgeInsets.symmetric(
                      vertical: 6,
                      horizontal: 14,
                    ),
                  ),
                  child: SvgPicture.asset(IconHelper.viewfinder),
                  onPressed: () => _showModalBottomSheet(context),
                ),
              ),
            ],
          ),
        );
      },
    );
}

内容的提问来源于stack exchange，提问作者kanagat kaparov