普通路由普通路由传值 命名路由命名路由传值

Posted 2021-03-08 zhaofeis

Flutter 中的路由

   Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navigator 组件管理路由导航

   并提供了管理堆栈的方法。如：Navigator.push 和 Navigator.pop

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

 

二、Flutter 中的基本路由使用

 

RaisedButton(
  child: Text(‘跳转到分类‘),
  onPressed: () {
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) => SearchPage(title: ‘来了a‘) // import导入的页面, title是传值
      )
    );
  }
)
传值接收的组件要设置

class SearchPage extends StatelessWidget{
  String title = ‘‘;
  SearchPage({this.title});
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text(‘搜索页面‘),
      ),
      body: Text(this.title),
    );
  }
}