專案結構
所有的路由統一在routes.dart中管理
routes.dart
將所有需要跳轉的介面引入進來,ongenerateroute的寫法不變,可以直接複製使用,
意思大概是獲取你要跳轉的頁面名,如果不為空檢查有沒有引數,如果產生書不為空執行
pagecontentbuilder(context, arguments: settings.arguments));,如果引數為空,執行
pagecontentbuilder(context));
import 'package:flutter/material.dart';main.dartimport '../pages/tabs.dart';
import '../pages/form.dart';
import '../pages/search.dart';//
配置路由
final routes=)=>searchpage(arguments:arguments),
};//
固定寫法
var ongenerateroute=(routesettings settings)
else}};
在main,這段**很少,大致意思就是在啟動時,預設開啟 tabs.dart
然後繫結 ongenerateroute
import 'package:flutter/material.dart';使用,當我們不需要傳值的時候只需把它刪掉就好,需要傳值的時候加上就好import 'routes/routes.dart';
statelesswidget
}
,但是在跳轉過去的頁面需要寫乙個建構函式來獲取
arguments:
raisedbutton(這裡跳轉的是搜尋頁面,那就來看看搜尋頁怎麼寫的吧child: text("跳轉到搜尋頁面"),
onpressed: () );
},color: theme.of(context).accentcolor,
texttheme: buttontexttheme.primary
),
import 'package:flutter/material.dart';可以看到,在上面我們定義了乙個 argumentsclass searchpage extends
statelesswidget );
@override
widget build(buildcontext context) "),
);}}
在獲取的時候用 arguments['id']就可以獲取到上乙個頁面傳過來的id值,基本就這樣
不清楚的點選這裡檢視原始碼
flutter 命名路由跳轉傳值
flutter中給我們提供了兩種配置路由跳轉的方法 基本路由 需要在跳轉的模組匯入需要跳轉的路由 命名路由 直接在main.dart中配置,其他元件可以直接呼叫 import pages form.dart import pages search.dart class override widget...
002 flutter的路由管理 命名路由
一 概述 在前面我們說明了普通路由和對應的引數傳遞,但是在實際的專案之中,我們一般更多的會去使用命名路由.命名路由可以讓我們統一的進行路由的管理.本次我們就來說明一下對應的命名路由是怎麼實現的.二 定義全域性的touters maproutes 在上面的 之中,我們實際上定義了乙個字串和路由的對映關...
Flutter 替換路由 指定跳轉路由
替換路由 注意路由配置和上篇文章配置相同 import package flutter material.dart class minepage extends statefulwidget super key key minepagestate createstate minepagestate ...