Flutter如何在不同的路由之间传递数据?

作者:佚名 上传时间:2023-03-23 运行软件:Visual Studio Code 软件版本:Flutter 2.2.3 版权申诉

本示例展示了在Flutter中如何通过Navigator和构造函数在不同的路由之间传递数据。

//在第一个页面中定义传入的参数和路由跳转方法
class FirstPage extends StatelessWidget {
  final String message;
  FirstPage(this.message);
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      child: Text('跳转到第二个页面'),
      onPressed: () {
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) => SecondPage(message: message),
          ),
        );
      },
    );
  }
}

//在第二个页面显示传入的参数
class SecondPage extends StatelessWidget {
  final String message;
  SecondPage({this.message});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('第二个页面')),
      body: Center(child: Text(message)),
    );
  }
}

免责申明:文章和图片全部来源于公开网络,如有侵权,请通知删除 server@dude6.com

用户评论
相关推荐
Flutter
本示例展示了在Flutter中如何通过Navigator和构造函数在不同的路由之间传递数据。//在第一个页面中定义传入的参数和路由跳转方法class FirstPage extends State
Flutter 2.2.3
Visual Studio Code
2023-03-23 03:50
Flutter共享
涉及到在Flutter应用程序中如何在不同的路由之间传递和共享数据。通过使用Flutter的Provider包,可以方便地实现数据通信的功能。// 定义一个数据模型class UserModel
Flutter 2.5.2
Visual Studio Code
2023-04-15 03:12
Chrome OS窗口
本篇教程将介绍如何在Chrome OS的不同窗口之间传递数据。通过chrome.runtime.sendMessage和chrome.runtime.onMessage API,我们可以实现不同窗口间
Chrome 91.0.4472.77
Chrome浏览器
2023-04-15 05:03
Flutter页面
在Flutter应用程序中,页面之间需要传递参数是非常常见的操作,本示例演示了如何在Flutter中实现页面之间传递参数的功能。// 第一个页面跳转到第二个页面,并传递参数Navigator.pu
Flutter 2.2.2
Visual Studio Code
2023-04-26 20:51
Flutter使用
介绍如何使用Flutter中的路由进行页面跳转,并且如何传递参数,让页面之间可以相互通信。//第一个页面Navigator.push(context, MaterialPageRoute( b
Flutter 2.2.2
Visual Studio Code
2023-04-14 10:30
Android 学习 1:Activity
传递数据 新建 Activity 在项目中右键,选择 New,继续选择中下方的 Activity,最后是 Bl
Flutter页面
这是一个展示如何在Flutter页面之间传递参数的示例代码。通过使用Navigator.pushNamed方法在新页面中传递参数,并在接收页面使用ModalRoute.of方法获取传递参数的值。//
Flutter 2.5.2
Flutter
2023-03-20 08:30
Backbone.js
本示例介绍如何在 Backbone.js 路由中传递参数。具体实现方法是使用 URL 地址中的查询字符串来传递参数。var AppRouter = Backbone.Router.extend({
Backbone.js 1.4.0
Backbone.js
2023-03-19 14:35
Flutter实现页面
介绍Flutter中页面间传递数据的常见方式以及使用方法//在前一个页面中使用Navigator.push跳转到后一个页面时传递参数Navigator.push( context, Mat
Flutter 2.8.1
Visual Studio Code
2023-03-29 23:32
Erlang节点消息
在分布式应用中,Erlang提供了一种简单且可靠的消息传递机制。这个示例代码演示了如何使用Erlang的消息传递来在不同节点间发送和接收消息。% 定义一个名为example的Erlang应用-mo
Erlang/OTP 24
Erlang官方库
2023-04-18 15:42