Flutter开发入门——路由

在Flutter中，路由（Route）是管理应用页面跳转的机制。以下是一个简单的例子，展示如何在Flutter中使用路由：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      initialRoute: '/',
      routes: {
        '/': (context) => HomePage(),
        '/about': (context) => AboutPage(),
      },
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Go to About Page'),
          onPressed: () {
            Navigator.pushNamed(context, '/about');
          },
        ),
      ),
    );
  }
}
 
class AboutPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('About Page'),
      ),
      body: Center(
        child: Text('This is the About Page'),
      ),
    );
  }
}

在这个例子中，我们定义了两个页面HomePage和AboutPage，并在MyApp中定义了一个routes映射，指定了两个路由。HomePage中有一个按钮，当点击时，通过Navigator.pushNamed(context, '/about')来跳转到AboutPage。这是Flutter中实现路由管理的基本方法。