Flutter -- static route and dynamic route

最新推荐文章于 2024-04-11 16:18:29 发布

henry_lei

最新推荐文章于 2024-04-11 16:18:29 发布

阅读量235

点赞数 2

分类专栏： iOS flutter 文章标签： ios objective-c

本文链接：https://blog.csdn.net/henry_lei/article/details/111033268

版权

本文介绍了Flutter中的两种路由方式：static route和dynamic route。static route是在已知确切页面时使用，通常在MaterialApp中定义。dynamic route则适用于携带参数的页面跳转，如从列表跳转到详情页。文中通过实例代码展示了如何实现这两种路由的跳转。

摘要由CSDN通过智能技术生成

前言每个应用都有很多个页面，在 Flutter中同样也有很多页面，被称之为路由(route)，route 的管理是通过堆栈来实现的。也就是说，基本的使用方法是 push 和 pop。路由的类型分为 static route 和 dynamic route，下面我们分别对这两种 route 进行说明。

static route

顾名思义，static route 就是在知道明确跳往哪个界面时的情况下使用的。举个栗子，在MaterialApp构造函数中，我们可以定义 route 列表。具体代码如下:

import 'package:flutter/material.dart';
import 'package:route_flutter_app/page1.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Static routing',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      routes: {
        '/page1':(context)=>Page1(title: "Main page",),
        '/page2':(context)=>Page2(title: "Second page",),
        '/page3':(context)=>Page3(title: "Third page",)