Flutter开发之——路由堆栈，零基础入门android

在Flutter中，路由堆栈用于管理应用程序的页面（或路由）。以下是如何使用路由堆栈的基本示例：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
      routes: <String, WidgetBuilder>{
        '/detail': (BuildContext context) => DetailPage(),
      },
    );
  }
}
 
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 Detail Page'),
          onPressed: () {
            Navigator.pushNamed(context, '/detail');
          },
        ),
      ),
    );
  }
}
 
class DetailPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Detail Page'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Go back'),
          onPressed: () {
            Navigator.pop(context);
          },
        ),
      ),
    );
  }
}

在这个例子中，我们定义了两个页面：HomePage 和 DetailPage。我们在 MaterialApp 中注册了一个路由，将路径 /detail 映射到 DetailPage 页面。在 HomePage，当用户点击按钮时，我们使用 Navigator.pushNamed 方法导航到 DetailPage。在 DetailPage，当用户点击按钮时，我们使用 Navigator.pop 方法返回到 HomePage。这就是在Flutter中使用路由堆栈的基本方法。