清空路由 路由替换 返回到根路由

Posted 2021-03-08 zhaofeis

一、Flutter 中返回到上一级页面

Navigator.of(context).pop();

 

二、Flutter 中替换路由

比如我们从用户中心页面跳转到了 registerFirst 页面，然后从 registerFirst 页面通过pushReplacementNamed 跳转到了 registerSecond 页面。这个时候当我们点击 registerSecond的返回按钮的时候它会直接返回到用户中心。

 

Navigator.of(context).pushReplacementNamed(‘/registerSecond‘);

 

三、Flutter 返回到根路由

比如我们从用户中心跳转到 registerFirst 页面，然后从 registerFirst 页面跳转到 registerSecond页面，然后从 registerSecond 跳转到了 registerThird 页面。这个时候我们想的是 registerThird注册成功后返回到用户中心。 这个时候就用到了返回到根路由的方法。

import ‘../../home.dart‘;

  Navigator.of(context).pushAndRemoveUntil(
      new MaterialPageRoute(
          builder: (context) => Home(index: 2)
      ), (route) => route == null);

Home.dart

class Home extends StatefulWidget{
  final index;
  Home({Key key,this.index = 0});
  _HomeState createState() => _HomeState(this.index);
}

class _HomeState extends State {
  var _currentIndex;
  var tabs = [Index(), ClassIf(), My()];
  _HomeState(index) {
    _currentIndex = index;
  }
}