ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Flutter跳转页面的方式

2020-03-28 15:04:33  阅读:265  来源: 互联网

标签:return context 跳转 new Navigator Flutter 页面


https://blog.csdn.net/weixin_42869574/article/details/98335757

 

Flutter跳转页面的方式

 

一.跳转其他页面有返回

二.跳转其他页面不返回(从路由栈中移除本页面)

一.跳转其他页面有返回

 

    //第一种

    Navigator.push(context, CupertinoPageRoute(builder: (context){

  return new Page();

}));

 

//第二种

Navigator.of(context).push(new MaterialPageRoute(builder: (context) {

            return new Page();

     }));

     

//第三种

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return new MaterialApp(

      routes: {

       //Map<String, WidgetBuilder>

    "/splash": (context) => new SplashPage(),

        "/login": (context) => new LoginPage(),

        "/home": (context) => new HomePage(),

        "/detail": (context) => new DetailPage(),

      },

      onUnknownRoute: (RouteSettings setting) {

        String name = setting.name;

        print("onUnknownRoute:$name");

        return new MaterialPageRoute(builder: (context) {

          return new NotFoundPage();

        });

      },

      title: 'Flutter Demo',

      theme: new ThemeData(

        primarySwatch: Colors.blue,

      ),

      home: new SplashPage(),

    );

  }

}

//弹出路由,跳转到其他页面

Navigator.of(context).pushNamed("/detail");

 

 

//这是返回方法

Navigator.pop(context);

 

二.跳转其他页面不返回(从路由栈中移除本页面)

 

//第一种

Navigator.of(context).pushReplacementNamed("/login");

 

//第二种

Navigator.pushAndRemoveUntil( context, new MaterialPageRoute(builder: (context) => new Page()),(route) => route == null,);

 

//第三种

Navigator.of(context).pushNamedAndRemoveUntil("/login", (Route<dynamic> route) => false);

 

点赞

收藏

分享

 

————————————————

版权声明:本文为CSDN博主「析木之林」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_42869574/java/article/details/98335757

 

标签:return,context,跳转,new,Navigator,Flutter,页面
来源: https://www.cnblogs.com/sundaysme/p/12587414.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有