Flutter學習三 命名路由

2022-02-22 08:30:32 字數 1521 閱讀 3221

專案結構

所有的路由統一在routes.dart中管理

routes.dart

將所有需要跳轉的介面引入進來,ongenerateroute的寫法不變,可以直接複製使用,

意思大概是獲取你要跳轉的頁面名,如果不為空檢查有沒有引數,如果產生書不為空執行

pagecontentbuilder(context, arguments: settings.arguments));,

如果引數為空,執行

pagecontentbuilder(context));
import 'package:flutter/material.dart';

import '../pages/tabs.dart';

import '../pages/form.dart';

import '../pages/search.dart';//

配置路由

final routes=)=>searchpage(arguments:arguments),

};//

固定寫法

var ongenerateroute=(routesettings settings)

else}};

main.dart

在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';

class searchpage extends

statelesswidget );

@override

widget build(buildcontext context) "),

);}}

可以看到,在上面我們定義了乙個 arguments

在獲取的時候用 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 ...