搜公众号
推荐 原创 视频 Java开发 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库
Lambda在线 > IparhanGeek > Dart语言跳转页面和传参

Dart语言跳转页面和传参

IparhanGeek 2019-01-20
举报

开始学习了Dart语言之后慢慢对这个语言产生了兴趣,然后也想好好的研究一下了,在这里简单讲述一下跳转页面和传参的方式。

先上代码吧:

import 'package:flutter/material.dart';

import 'package:meta/meta.dart';


/**

 * 跳转到新页面并返回

 */

void main() {

  runApp(new MaterialApp(

    title: "Flutter",

    home: new FirstScreen(),

  ));

}

/**

 * 第一个页面

 */

class FirstScreen extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return new Scaffold(

      appBar: new AppBar(

        title: new Text("Flutter"),

      ),

      body: new Center(

        child: new RaisedButton(

            child: new Text("登录"),

            onPressed: () {

              //跳转到新的 页面我们需要调用 navigator.push方法

              Navigator.push(context,

                  new MaterialPageRoute(builder: (context) => new Second()));

            }),

      ),

    );

  }

}


/**

 * 第二个页面

 */

class Second extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return new Scaffold(

      appBar: new AppBar(

        title: new Text("Flutter"),

      ),

      body: new Center(

        //onPressed  点击事件

        child: new RaisedButton(child: new Text("注销"), onPressed: () {

          //回到上一个页面 该pop将Route从导航器管理的路由栈中移除当前路径

          Navigator.pop(context);

        }),

      ),

    );

  }

}




2.1 push 方法单纯跳转页面
2.2 push 方法单纯跳转页面并传递参数


还有另一种方式:

1. pop 销毁当前页面

2. popAndPushNamed 销毁当前页面并跳转指向新的页面

then 返回值



 小菜刚接触 Flutter 时间不长,还有很多不清楚和不理解的地方,如果又不对的地方还希望多多指出。以下是小菜小程序,欢迎闲来吐槽~

具体和详细部分跳转到小程序里面看吧。

IparhanGeek Dart 页面跳转和传参


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《Dart语言跳转页面和传参》的版权归原作者「IparhanGeek」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

举报