【FLUTTER】flutter中的路由管理

路由管理的基础知识点

基础概念

实现代码

方式一：不注册路由

main.dart

import'package:flutter/material.dart';classDetailPageextendsStatefulWidget{constDetailPage({super.key});@override State<DetailPage>createState()=>_DetailPageState();}class_DetailPageStateextendsState<DetailPage>{@override Widgetbuild(BuildContext context){returnScaffold(appBar:AppBar(title:Text('详情页'),centerTitle:true),body:Container(height:double.infinity,width:double.infinity,color:constColor.fromARGB(255,151,224,194),child:SafeArea(child:Center(child:Column(mainAxisAlignment:MainAxisAlignment.center,children:[Text("详情页内容"),FilledButton(onPressed:(){Navigator.pop(context);},child:Text("返回"),),],),),),),);}}

list.dart

import'package:flutter/material.dart';import'package:flutter_app_01/pages/list/detail.dart';classListPageextendsStatefulWidget{constListPage({super.key});@override State<ListPage>createState()=>_ListPageState();}class_ListPageStateextendsState<ListPage>{@override Widgetbuild(BuildContext context){returnScaffold(appBar:AppBar(title:Text('列表页'),centerTitle:true),body:Container(height:double.infinity,width:double.infinity,color:constColor.fromARGB(255,151,224,194),child:SafeArea(child:ListView.builder(itemCount:20,itemBuilder:(context,index){returnGestureDetector(onTap:(){// print("点击了$index");Navigator.push(context,MaterialPageRoute(builder:(context)=>DetailPage()),);},child:Container(height:50,alignment:Alignment.center,width:double.infinity,margin:EdgeInsets.symmetric(vertical:5),decoration:BoxDecoration(color:Colors.white),child:Text("列表项$index"),),);},),),),);}}

detail.dart

import'package:flutter/material.dart';classDetailPageextendsStatefulWidget{constDetailPage({super.key});@override State<DetailPage>createState()=>_DetailPageState();}class_DetailPageStateextendsState<DetailPage>{@override Widgetbuild(BuildContext context){returnScaffold(appBar:AppBar(title:Text('详情页'),centerTitle:true),body:Container(height:double.infinity,width:double.infinity,color:constColor.fromARGB(255,151,224,194),child:SafeArea(child:Center(child:Column(mainAxisAlignment:MainAxisAlignment.center,children:[Text("详情页内容"),FilledButton(onPressed:(){Navigator.pop(context);},child:Text("返回"),),],),),),),);}}