基本路由

Flutter 中的路由通俗的讲就是页面跳转。在Flutter 中通过Navigator 组件管理路由导航。
并提供了管理堆栈的方法。如：Navigator.push 和Navigator.pop

Flutter 中给我们提供了两种配置路由跳转的方式：1、基本路由 2、命名路由

假设目前我们想从HomePage组件跳转到SearchPage组件

在HomePage中通过以下方法进行跳转

ElevatedButton(
    onPressed: (){
      Navigator.of(context).push(
            MaterialPageRoute(
        builder: (BuildContext context) => SearchPage() // 相当于 return SearchPage()
      )
    );
  },
  child: const Text("跳转")
)

如果我们需要在页面跳转的时候给下一个组件传一些参数值呢？

Flutter中基本路由跳转传值

ElevatedButton(
    onPressed: (){
      Navigator.of(context).push(
            MaterialPageRoute(
        builder: (BuildContext context) => SearchPage(name: "百度一下") // 相当于 return SearchPage(name: "百度一下")
      )
    );
  },
  child: const Text("跳转")
)

然后在SearchPage组件的构造函数中去接收传入的值就可以了