Flutter 返回到根路由（小实例：注册）

文件结构：

内容承接：https://blog.csdn.net/u013227399/article/details/103861618

login.dart

import 'package:flutter/material.dart';

class LoginPage extends StatelessWidget {
  const LoginPage({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('登录'),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            SizedBox(height: 40),
            Text('登录页面'),
            RaisedButton(
              child: Text('登录'),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
          ],
        ),
      ),
    );
  }
}

registerFirst.dart

import 'package:flutter/material.dart';

class RegisterFirstPage extends StatelessWidget {
  const RegisterFirstPage({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('注册1'),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            SizedBox(height: 40),
            Text('第一个注册界面'),
            RaisedButton(
              child: Text('下一步'),
              onPressed: () {
                Navigator.pushNamed(context, '/registerSecond');
                //替换路由
                // Navigator.of(context).pushReplacementNamed('/registerSecond');
              },
            ),
          ],
        ),
      ),
    );
  }
}

registerSecond.dart

import 'package:flutter/material.dart';

class RegisterSecondPage extends StatelessWidget {
  const RegisterSecondPage({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('注册2'),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            SizedBox(height: 40),
            Text('第二个注册界面'),
            RaisedButton(
              child: Text('下一步'),
              onPressed: () {
                Navigator.pushNamed(context, '/registerThird');
                //替换路由
                // Navigator.of(context).pushReplacementNamed('/registerThird');
              },
            ),
          ],
        ),
      ),
    );
  }
}

registerThird.dart

import 'package:flutter/material.dart';
// import 'package:my_flutter_app/main07.dart';
import '../tabs.dart';

class RegisterThirdPage extends StatelessWidget {
  const RegisterThirdPage({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('注册3'),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            SizedBox(height: 40),
            Text('第三个注册界面'),
            RaisedButton(
              child: Text('确认'),
              onPressed: () {
                //返回到指定根路由
                Navigator.of(context).pushAndRemoveUntil(
                    MaterialPageRoute(builder: (context) => new Tabs(index: 2,)),
                    (route) => route == null);

                //替换路由
                // Navigator.of(context).pop();
              },
            ),
          ],
        ),
      ),
    );
  }
}

tabs.dart

import 'package:flutter/material.dart';
import 'tabs/home.dart';
import 'tabs/category.dart';
import 'tabs/user.dart';
class Tabs extends StatefulWidget {
  final index;
  Tabs({Key key,this.index=0}) : super(key: key);
  @override
  _TabsState createState() => _TabsState(this.index);
}

class _TabsState extends State<Tabs> {
  int _currentIndex;
  _TabsState(index){
    this._currentIndex = index;
  }

  List _pageList=[
    HomePage(),
    CategoryPage(),
    UserPage(),
  ];


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('自定义底部导航'),
      ),
      body: this._pageList[this._currentIndex],
      bottomNavigationBar: BottomNavigationBar(
        currentIndex: this._currentIndex,
        onTap: (int index) {
          setState(() {
            this._currentIndex = index;
          });
        },
        items: [
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            title: Text('首页'),
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.category),
            title: Text('分类'),
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.supervised_user_circle),
            title: Text('会员'),
          ),
        ],
      ),
    );
  }
}

routes.dart

import 'package:flutter/material.dart';
import '../pages/tabs.dart';
import '../pages/From.dart';
import '../pages/Search.dart';
import '../pages/Product.dart';
import '../pages/ProductInfo.dart';
import '../pages/user/Login.dart';
import '../pages/user/RegisterFirst.dart';
import '../pages/user/RegisterSecond.dart';
import '../pages/user/RegisterThird.dart';

final routes = {
  '/': (context) => Tabs(),
  '/search': (context) => SearchPage(),
  '/form': (context, {arguments}) => FormPage(arguments: arguments),
  '/product': (context) => ProductPage(),
  '/productinfo':(context, {arguments}) => ProductInfoPage(arguments: arguments),
  '/login': (context) => LoginPage(),
  '/registerFirst': (context) => RegisterFirstPage(),
  '/registerSecond': (context) => RegisterSecondPage(),
  '/registerThird': (context) => RegisterThirdPage(),
};

var onGenerateRoute=(RouteSettings settings){
  //统一处理
  final String name = settings.name;
  final Function pageContentBuilder = routes[name];
  if (pageContentBuilder != null) {
    if (settings.arguments != null) {
      final Route route = MaterialPageRoute(
        builder: (context) =>
            pageContentBuilder(context, arguments: settings.arguments),
      );
      return route;
    } else {
      final Route route = MaterialPageRoute(
        builder: (context) => pageContentBuilder(context),
      );
      return route;
    }
  }
};

user.dart

import 'package:flutter/material.dart';

class UserPage extends StatefulWidget {
  UserPage({Key key}) : super(key: key);

  @override
  _UserPageState createState() => _UserPageState();
}

class _UserPageState extends State<UserPage> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Text('会员'),
        RaisedButton(
          child: Text('跳转到登录页'),
          onPressed: (){
            Navigator.pushNamed(context, '/login');

          },
        ),
        SizedBox(height: 20),
        RaisedButton(
          child: Text('跳转到注册页'),
          onPressed: (){
            Navigator.pushNamed(context, '/registerFirst');

          },
        ),
      ],
    );
  }
}

效果展示：