flutter 的页面跳转总结
在Flutter中,页面跳转通常使用Navigator进行。以下是几种常见的页面跳转方式:
- 使用
Navigator.push
跳转到新页面,并等待该页面pop
返回:
Navigator.push(context, MaterialPageRoute(builder: (context) => NewPage()));
- 使用
Navigator.pushNamed
跳转到已命名的路由:
Navigator.pushNamed(context, '/newPageRoute');
- 使用
Navigator.pop
返回到上一个页面:
Navigator.pop(context);
- 使用
Navigator.pushReplacement
跳转并替换当前页面:
Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => NewPage()));
- 使用
Navigator.pushAndRemoveUntil
跳转并移除指定条件的所有路由:
Navigator.pushAndRemoveUntil(context, MaterialPageRoute(builder: (context) => NewPage()), (Route<dynamic> route) => false);
- 使用
Navigator.of
从子控件中获取Navigator并进行跳转:
Navigator.of(context).push(MaterialPageRoute(builder: (context) => NewPage()));
以上代码片段可以直接在需要跳转的地方使用,context
通常是当前控件上下文,NewPage
是要跳转的新页面。
评论已关闭