Flutter 路由替换（返回到根）

最新推荐文章于 2023-02-27 13:39:47 发布

原创最新推荐文章于 2023-02-27 13:39:47 发布 · 5.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter 路由替换（返回到根） #pushReplacementNamed #清除所有路由 #替换路由

Flutter 基础专栏收录该内容

73 篇文章

订阅专栏

本文详细介绍了在Flutter中实现页面导航的两种核心方法：替换路由和清除路由。替换路由通过Navigator.of(context).pushReplacementNamed('/page')实现目标页替换；清除路由则结合了路由清除与跳转，使用Navigator.of(context).pushAndRemoveUntil方法完成。了解这些技巧，有助于开发者更好地掌控应用的页面流转。

返回到首页有两种方式：替换路由和清除路由

替换路由

替换当前页为目标页（也就是说，堆栈中只有首页和当前页 两个页面，当前页返回自然是首页）。使用以下语句完成替换跳转。

Navigator.of(context).pushReplacementNamed('/page');

清除路由

此方法完成两个动作：1、清除所有路由；2、跳转路由

看过我《Flutter 页面跳转》文章的你会发现，下边语句和静态鲁豫非常相似

Navigator.of(context).pushAndRemoveUntil(
  //跳转
  new MaterialPageRoute(builder: (context) => new HomePage()),
  //清除其他路由
   (route) => route == null
);