《Flutter —应用页面跳转》

2019-01-19  本文已影响0人  wethereornot

1.页面跳转

Navigator.push(
      context,
      new MaterialPageRoute(
        builder: (context) => new APage(),
      ),
    );

2.连续跳转与弹栈
example:
A —> B —>C—>A
1.设置别名

//设置别名方式一:
routes: {
            A': (context) => A(),
            B': (context) => B(),
           C': (context) => C(),
        }
//设置别名方式二:
 RouteSettings(
                  name: 'B'
                )

2.跳转界面
A->B:

Navigator.push(
              context,
              //创建一个路由
              new MaterialPageRoute(
                builder: (context) => BPage(),
              //设置下一个界面的名字(就是设置别名)
                settings: RouteSettings(
                  name: 'B'
                )
              ),
            );

B->C:

Navigator.push(
              context,
              //创建一个路由
              new MaterialPageRoute(
                builder: (context) => BPage(),
              //设置下一个界面的名字
                settings: RouteSettings(
                  name: 'C'
                )
              ),
            );

C->A:

//弹栈,将A到C之间的界面弹栈(BC 弹栈),
Navigator.popUntil(context, ModalRoute.withName('A'));
上一篇下一篇

猜你喜欢

热点阅读