使用 Flutter 的 Cupertino 小部件，如何触发底部选项卡栏顶部的水平页面转换

Question

如何在选项卡之一内使用常见的水平页面转换或选项卡栏顶部的常见垂直页面转换，如何在选项卡栏顶部水平推入页面转换？

这在中文平台类型的应用程序中很常见。

Answer 1

警告：它在 iOS 中是可以实现的，但不一定是应用程序的良好信息架构，并且 Apple 的人机界面指南也不推荐。

请参阅应用程序架构的导航部分和栏的选项卡栏部分。

使用选项卡栏来呈现内容或功能的同级类别。选项卡栏可以让人们快速、轻松地在类别之间切换，无论当前位置如何。

和

通常，使用选项卡栏在应用程序级别组织信息。选项卡栏是扁平化信息层次结构并提供同时访问多个对等信息类别或模式的好方法。

在 Flutter 中，每个选项卡内水平页面转换的常见 iOS 并行导航模式是通过CupertinoTabView让每个选项卡拥有自己的 Navigator 和导航堆栈来实现的。

要撤消该模式并在选项卡上方进行水平页面过渡，请不要插入CupertinoTabView作为每个选项卡的根子级。这将删除 iOS 中常见的并行导航模式。

然后通过以下方式触发正常的路由推送：

Navigator.of(context).push(CupertinoPageRoute<void>(
  builder: (BuildContext context) => ...,
);

或类似的东西。