【Flutter之旅】路由管理

环境介绍以及参考文献

本示例是在 Linux 16.04.1-Ubuntu 搭配 VS Code 使用。

《Flutter实战》电子书
Flutter中文网

简单示例

在上一个示例中添加代码如下：

简单的路由切换

新建一个新路由

class NewRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("New route"),
      ),
      body: Center(
        child: Text("This is new route"),
      ),
    );
  }
}

添加点击跳转事件，在 children: <Widget>[ 内部添加

children: <Widget>[
    // ... 两个 Text 组件
    // 添加按钮
    TextButton(
        child: Text("open new route"),
        style: TextButton.styleFrom(backgroundColor: Colors.blue, primary: Colors.white),
        onPressed: () {
        // Navigator 是一个路由管理的组件，它提供了打开和退出路由页方法。Navigator 通过一个栈来管理活动路由集合
        // Future push(BuildContext context, Route route) 
        // 将给定的路由入栈（即打开新的页面），返回值是一个Future对象，用以接收新路由出栈（即关闭）时的返回数据。
        // bool pop(BuildContext context, [ result ])
        // 将栈顶路由出栈，result为页面关闭时返回给上一个页面的数据。
        // Navigator.push(BuildContext c