如何在选项卡之一内部进行常见的水平页面过渡,或者在选项卡栏顶部进行常规的垂直页面过渡,我如何在选项卡栏顶部水平推入页面过渡?

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

ios - 使用Flutter的Cupertino小部件,如何在底部标签栏顶部触发水平页面过渡-LMLPHP

最佳答案

警告:它在iOS中是可以实现的,但不一定是适用于应用程序的良好信息体系结构,Apple的《人机界面指南》也不建议这样做。

请参见App Architecture's Navigation部分和Bars' Tab Bars部分。

使用选项卡栏显示内容或功能的同级类别。标签栏使人们可以快速轻松地在类别之间进行切换,而与当前的当前位置无关。



通常,使用标签栏在应用程序级别组织信息。标签栏是展平信息层次结构并提供一次访问多个对等信息类别或模式的好方法。

在Flutter中,通过使每个选项卡具有自己的Navigator和导航堆栈(通过CupertinoTabView),可以实现每个选项卡内水平页面过渡的常见iOS并行导航模式。

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

然后通过以下方式触发常规路线推送:

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

或类似的东西。

ios - 使用Flutter的Cupertino小部件,如何在底部标签栏顶部触发水平页面过渡-LMLPHP

10-01 21:23