美文网首页
《Flutter —应用页面跳转》

《Flutter —应用页面跳转》

作者: wethereornot | 来源:发表于2019-01-19 11:28 被阅读0次

    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'));
    

    相关文章

      网友评论

          本文标题:《Flutter —应用页面跳转》

          本文链接:https://www.haomeiwen.com/subject/mgparqtx.html