Flutter自动路由插件auto_route详解

Posted 2022-08-11 xiangzhihong8

一、简介

在Flutter应用开发过程中，多个页面的跳转需要使用路由，除了官方提供的Navigator外，我们还可以使用一些第三方路由框架来实现页面的管理和导航，如Fluro、Frouter等。不过，今天要给大家介绍的是另一款路由框架auto_route。

auto_route是一个设计精简、低耦合的路由框架，支持自动生成路由代码、动态添加路由、以及路由的参数传递等功能。相比其他的路由框架，auto_route的使用也更加简洁。

二、基本使用

2.1 安装插件

和其他Flutter插件的使用流程一样，使用之前需要先在项目中安装auto_route插件，安装的的脚本如下：

dependencies:              
  auto_route: [latest-version]              
              
dev_dependencies:              
  auto_route_generator: [latest-version]              
  build_runner:       

2.2 定义路由表

接下来，定义一个路由表的管理类，用来同意管理应用的路由，需要使用@MaterialAutoRouter注解进行标识，如下。

@MaterialAutoRouter(