tutorials/flutter/routing

Flutter 路由教程

Flutter 是一个流行的跨平台应用程序开发框架，它允许开发者使用单一代码库为 iOS 和 Android 创建应用程序。在 Flutter 应用程序中，路由是用户导航到不同屏幕的关键部分。

路由概述

在 Flutter 中，路由是通过 Navigator 对象来管理的。每个路由都对应一个页面，用户可以通过点击按钮、切换选项或其他交互操作来触发路由变化。

常用路由模式

命名路由：通过给路由指定一个名称，然后在代码中通过这个名称来访问路由。
匿名路由：不指定名称的路由，通常用于简单的页面。

示例代码

以下是一个简单的命名路由示例：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
      routes: {
        '/second': (context) => SecondPage(),
      },
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('首页'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.pushNamed(context, '/second');
          },
          child: Text('跳转到第二页'),
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('第二页'),
      ),
      body: Center(
        child: Text('这是第二页'),
      ),
    );
  }
}

tutorials/flutter/routing

路由概述

常用路由模式

示例代码

更多资源