Flutter MaterialApp routes 使用指南

MaterialApp 的 routes 属性用于定义应用程序中的路由映射，它指定了每个页面的 URL 路径和对应的 Widget。

使用 routes 属性，你可以创建一个 Map 对象，其中键是 URL 路径，值是对应的 Widget。例如，假设你的应用程序有两个页面，一个首页和一个详情页，你可以这样定义 routes：

routes: {
  '/': (context) => HomePage(),
  '/detail': (context) => DetailPage(),
}

这个路由映射指定了根路径 '/' 对应的是 HomePage Widget，而 '/detail' 路径对应的是 DetailPage Widget。

当你导航到一个新页面时，你可以使用 Navigator.pushNamed 方法，它接受一个路由名称并将该路由推送到导航堆栈中。例如，要从 HomePage 导航到 DetailPage，你可以这样做：

Navigator.pushNamed(context, '/detail');

这将创建一个新的 DetailPage Widget，并将其推送到导航堆栈中。要返回到 HomePage，你可以使用 Navigator.pop 方法。

总之，使用 routes 属性可以使你的应用程序具有良好的可扩展性和可维护性，因为你可以轻松地添加或修改路由映射，而不需要修改整个应用程序的导航逻辑。