zoukankan      html  css  js  c++  java
  • flutter实现页面跳转的两种路由

    1.无名路由push,直接使用
    void nextPage() async{   final result = await Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) {     
    return NextPage("pass params to next page");//构造函数传递参数   }));
      //result页面返回结果
    }
    Navigator.pop(context, "return value to last page");//页面返回

    2. 命名路由pushNamed,先注册再使用
    void main() => runApp(MyApp());//单行函数调用写法
    class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
    return MaterialApp(
    title: "My App Title",
    theme: ThemeData(primaryColor: Colors.green),
    //home: RandomWord(),首页设置方式一
    initialRoute: "home_route",//首页设置方式二
    routes: {//路由注册表
    "next_page": (BuildContext context) {
    return NextPage(ModalRoute.of(context).settings.arguments);
    },
    "home_route": (BuildContext context) => RandomWord(),
    },
    // onGenerateRoute: //页面拦截处理
    // onUnknownRoute: //页面跳转出错
    );
    }
    }

    void nextPage() async{
    final result = await Navigator.pushNamed(context, "next_page",arguments: "pass params to next page");
    //result页面返回结果
    }

    //next_page获取上一个页面传递过来的参数的方法:ModalRoute.of(context).settings.arguments


  • 相关阅读:
    如何建一个SAM
    3.Telegraf自定义脚本模块
    2.Influxdb函数
    1.自动化运维监控
    7.mysql8.0版本MGR搭建
    6.mysql存储过程
    5.innodb B+tree索引
    4.mysql profile的使用方法
    3.mysql小表驱动大表的4种表连接算法
    2.mysql explain命令详解
  • 原文地址:https://www.cnblogs.com/yongfengnice/p/12112287.html
Copyright © 2011-2022 走看看