• 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


  • 相关阅读:
    yii源码五
    yii源码四
    yii源码三 -- db
    yii源码二 -- interfaces
    yii源码一 -- CComponent
    jquery效果 窗口弹出案例
    JS滚动条
    JS表单验证
    [TCP/IP] TCP流和UDP数据报之间的区别
    [TCP/IP] 关闭连接后为什么客户端最后还要等待2MSL
  • 原文地址:https://www.cnblogs.com/yongfengnice/p/12112287.html
Copyright © 2020-2023  润新知