Flutter Navigator局部页面切换实践

Flutter Navigator 局部页面切换实践

摘要

在移动端，经常会存在局部视图切换的场景，比如图1所示的场景， 页面的左边部分支持切换到下一个页面并且下一个页面可以返回到上一个页面。在Android中，可以使用Fragment实现图中所示的效果, iOS中可以使用UINavigationController实现类似的效果。那么在Flutter中，应该怎么实现这种局部页面切换呢？

在Flutter中，页面切换是通过Navigator实现的， 那么能否考虑将Navigator用于局部页面切换呢？答案是肯定的。本文将重点介绍使用Navigator进行局部页面切换，以及在使用的过程中碰到的一些问题和解决方案。由于业务中目前使用的Flutter版本为v1.12.13，所以本文也会基于这个版本进行分析。