Flutter页面跳转传参

摘要：路由(Route)在移动开发中通常指页面（Page），这跟web开发中单页应用的Route概念意义是相同的，Route在Android中通常指一个Activity，在iOS中指一个ViewController。所谓路由管理，就是管理页面之间如何跳转，通常也可被称为导航管理

路由(Route)在移动开发中通常指页面（Page），这跟web开发中单页应用的Route概念意义是相同的，Route在Android中通常指一个Activity，在iOS中指一个ViewController。所谓路由管理，就是管理页面之间如何跳转，通常也可被称为导航管理。Flutter中的路由管理和原生开发类似，无论是Android还是iOS，导航管理都会维护一个路由栈，路由入栈(push)操作对应打开一个新页面，路由出栈(pop)操作对应页面关闭操作，而路由管理主要是指如何来管理路由栈。

新建首页页面

import 'package:flutter/material.dart';

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("首页"),
      ),
      body: Center(
        child: Text("我是首页"),
      ),
    );
  }
}

在点击跳转页面导入import 'homePage.dart' ;

处理按钮点击事件

floatingActionButton: new FloatingActionButton(
        onPressed: (){
          //导航到首页路由
          Navigator.push(context,
            MaterialPageRoute(builder: (context){
              return HomePage();
            }),
          );
        },
        tooltip: 'Increment',
        child: new Icon(Icons.add),
      ),

页面传值

进入新页面，传入参数

//导航到首页路由
Navigator.push(context,
  MaterialPageRoute(builder: (context){
    return HomePage(
        text:"我是首页"
    );
  }),
);

新页面接收参数

class HomePage extends StatelessWidget {
  //接收参数
  HomePage({
    Key key,
    @required this.text, //接收一个text参数
  }) : super(key: key);
  final String text;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("首页"),
      ),
      body: Center(
        child: Text(text),
      ),
    );
  }
}

https://book.flutterchina.club/chapter2/flutter_router.html

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_6166