美文网首页flutter
Flutter 基础总结(5) 路由的简单传值

Flutter 基础总结(5) 路由的简单传值

作者: 总会颠沛流离 | 来源:发表于2020-03-13 10:30 被阅读0次

我要你知道,这个世界上有一个人会永远等着你。无论是在什么时候,无论你在什么地方,反正你知道总会有这样一个人。

1:效果图

[图片上传中...(image.png-73b560-1584066545987-0)]


image.png
#

1:代码

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
  title: "页面跳转返回的数据",
  theme: ThemeData(primarySwatch: Colors.red),
  home: FirstPage(),
);
}
}

class FirstPage extends StatelessWidget {
    @override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
  appBar: AppBar(
    title: Text("demo"),
  ),
  body: Center(
    child: RouteButton(),
  ),
);
  }
}

class RouteButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return RaisedButton(
  onPressed: () {_navigateToNext(context);},
  child: Text("go"),
);

}

_navigateToNext(BuildContext context) async {
var result =await Navigator.push(context, MaterialPageRoute(builder: (context) {
  return SecondScreen();
}));
Scaffold.of(context).showSnackBar(SnackBar(
   content: Text("$result"),
));
}
}

class SecondScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
  appBar: AppBar(
    title: Text("Second"),
  ),
  body: Center(
    child: Column(
      children: <Widget>[
          RaisedButton(
            child: Text("1"),
            onPressed:(){ Navigator.pop(context,"1");},

          ),
        RaisedButton(
          child: Text("2"),
          onPressed: (){
            Navigator.pop(context,"2");
          },
        ),
      ],

    ),

  ),
);
}
}

地址githup: https://github.com/xuezhihuixzh/Flutter_demo.git

相关文章

  • Flutter 基础总结(5) 路由的简单传值

    我要你知道,这个世界上有一个人会永远等着你。无论是在什么时候,无论你在什么地方,反正你知道总会有这样一个人。 1:...

  • Flutter之路由详解

    本文主要包含两个方面:【路由导航】和【路由传值】 路由传值 Flutter中管理多个页面时有两个核心概念和类:Ro...

  • Vue路由

    一、Vue路由基础用法: 二、Vue路由配置的抽出 三、路由动态传值: 四、路由的跳转方式: 五、路由的hash模...

  • Flutter 15 - Navigator (路由)组件详解1

    一、Flutter 中的路由 Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navig...

  • Flutter(十三):路由

    1 Flutter 中的路由 Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navig...

  • Flutter基础: 路由管理

    Flutter的设计貌似对前端同学比较友好,言归正传,先从原理开始,然后是具体的case,好,我们开始: 小提示:...

  • Flutter路由基础使用

    路由管理 路由(Route)在移动开发中通常指页面(Page),这跟web开发中单页应用的Route概念意义是相同...

  • Flutter 路由

    flutter 路由 页面跳转 在flutter中界面就是组件Flutter 中的路由通俗的讲就是页面跳转。在 F...

  • Flutter路由,跳转传值

    路由 Flutter 中的路由就是页面跳转。通过 Navigator 组件管理路由导航。并提供了管理堆栈的方法。 ...

  • flutter简单的路由传值

    1.注册路由 2.路由跳转arguments 就是传递的参数名 3.接收参数 4.反向传值 5.接收反向传递的值

网友评论

    本文标题:Flutter 基础总结(5) 路由的简单传值

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