zoukankan      html  css  js  c++  java
  • flutter-路由

    1.新建1个页面 details_page.dart

    2.引入  fluro: "^1.6.3"

    3.在lib文件夹下新建文件夹router,然后新建router_handler.dart

    import 'package:flutter/material.dart';
    import 'package:fluro/fluro.dart';
    import '../pages/details_page.dart';
    
    var detailsHandler=Handler(
      handlerFunc: (BuildContext context,Map<String, dynamic> params){
        String goodsId=params['id'].first;
        return DetailsPage(goodsId);
      }
    );

    4.新建文件routes.dart

    import 'package:flutter/material.dart';
    import 'package:fluro/fluro.dart';
    import './router_handler.dart';
    
    class Routes{
      static String root='/';
      static String detailsPage='/detail';
      static void configureRoutes(Router router){
        router.notFoundHandler=new Handler(//找不到路由
          handlerFunc:(BuildContext context,Map<String, dynamic> params){
            print('Error===>ROUTE WAS NOT FOUND!!!!');
          }
        );
        router.define(detailsPage, handler: detailsHandler);//配置地址路由
      }
    }

    5.新建application.dart 方便以后不引入 不用new了

    import 'package:fluro/fluro.dart';
    
    class Application{
      static Router router;
    }

    6.main.dart

    import 'package:fluro/fluro.dart';

    import './router/application.dart';
    import './router/routes.dart';
    //在build中引入
    final router=Router();
    Routes.configureRoutes(router);
    Application.router=router;

     7.使用

    import '../router/application.dart';
  • 相关阅读:
    Python入门
    实现QQ、微信、新浪微博和百度第三方登录(Android Studio)
    Android 微信第三方登录
    Javascript获取随机数
    JavaScript for循环 闭包 【转】
    JavaScript中数组的增删改查
    【网络基础系列一】客户/服务器模型
    jQuery选择器
    局部代码块
    接口中定义变量
  • 原文地址:https://www.cnblogs.com/lxz-blogs/p/13305484.html
Copyright © 2011-2022 走看看